@charset "utf-8";
/* TOURMUCH // Maker : H.J Jeon // E-Mail : jinia21@naver.com // Site : tourmuch.com */

@import "./basic-setting.css";

/* CSS RESET */
html, body, div, span, applet, object, iframe, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, strike, strong, sub, tt, var, b, u, center, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }
body * { box-sizing: border-box; }

legend, .sound-only, .skip, .none {position: absolute;left: -5000px;top: 0;overflow: hidden;line-height: 0.1%;font-size: 0.1%;width: 0.1%;height: 0.1%;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}

table {table-layout: auto;width: 100%;border-collapse: collapse;border-spacing: 0;}
table caption {visibility: hidden;overflow: hidden;width: 0;height: 0;font-size: 0;line-height: 0;}
table.table-fixed {table-layout: fixed;}


/* Input, Select, Textarea */
input[type="text"], input[type="password"], input[type="date"], input[type="time"], textarea, select {
    background-color: var(--color-box-basic);
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
}

input[type="text"]::-webkit-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="text"]:-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="text"]::-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="text"]:-ms-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="password"]::-webkit-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="password"]:-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="password"]::-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="password"]:-ms-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="date"]::-webkit-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="date"]:-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="date"]::-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="date"]:-ms-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="time"]::-webkit-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="time"]:-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="time"]::-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="time"]:-ms-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="email"]::-webkit-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="email"]:-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="email"]::-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
input[type="email"]:-ms-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
textarea::-webkit-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
textarea:-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
textarea::-moz-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
textarea:-ms-input-placeholder { color: var(--input-placeholder-color); font-weight: var(--font-weight-regular); font-size: 100%; }
select::-ms-expand { display: none; }


/* Base Setting */
html, body { margin: 0; padding: 0; font-size: 100%; }
body, textarea, select, td, th, input, button { font: clamp(0.875rem, 2vw, 1rem)/1.5 var(--font-basic), 'arial', 'sans-serif'; color: var(--color-basic); }
b, strong { font-weight: var(--font-weight-bold); }
b.semi, strong.semi { font-weight: var(--font-weight-semibold); }


/* Link & Button */
.basic-link { display:inline-block; border: none; margin: 0; padding: 0; background-color: transparent; cursor: pointer; color: var(--color-basic); }
.basic-link:link, .basic-link:visited, .basic-link:hover, .basic-link:active, .basic-link:focus { text-decoration: none; }

a[class*="btns"],
button[class*="btns"]   { display: inline-block; border-width: 1px; border-style: solid; text-decoration: none; text-align: center; cursor: pointer; }

.cursor-default                 { cursor: default; }
.cursor-pointer                 { cursor: pointer; }

@media screen and (min-width: 768px) {
    .md\:cursor-default         { cursor: default; }
    .md\:cursor-pointer         { cursor: pointer; }
}

@media screen and (min-width: 1024px) {
    .lg\:cursor-default         { cursor: default; }
    .lg\:cursor-pointer         { cursor: pointer; }
}

@media screen and (min-width: 1440px) {
    .xl\:cursor-default         { cursor: default; }
    .xl\:cursor-pointer         { cursor: pointer; }
}


/* Base */
hr.basic-hr { height: 1px; border: none; background-color: var(--color-line-basic); }

.nopm, .nopm>li, .nopm>dt, .nopm>dd { padding: 0;margin: 0;list-style: none; }

.invisible                      { visibility: hidden; }
.box-border                     { box-sizing: border-box; }
.no-border                      { border: none; }
.underline:hover                { text-decoration: underline; }
.objectfit-cover                { object-fit: cover; }

.overflow-hidden                { overflow: hidden; }
.overflow-y-auto                { overflow-y: auto; }
.overflow-x-hidden              { overflow-x: hidden; }
.overflow-y-hidden              { overflow-y: hidden; }
.overflow-x-scroll              { overflow-x: scroll; }
.overflow-y-scroll              { overflow-y: scroll; }
.text-ellipsis                  { text-overflow: ellipsis; }
.whitespace-normal              { white-space: normal; }
.whitespace-nowrap              { white-space: nowrap; }
.whitespace-pre                 { white-space: pre; }
.whitespace-pre-wrap            { white-space: pre-wrap; }
.break-words                    { overflow-wrap: break-word; }
.break-all                      { word-break: break-all; }
.break-keep                     { word-break: keep-all; }

.oneline                        { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: break-all; }
.line-cut                       { text-overflow: ellipsis; display: -webkit-box !important; overflow: hidden; -webkit-box-orient: vertical; }
.line-cut.line-cut-2            { -webkit-line-clamp: 2; }
.line-cut.line-cut-3            { -webkit-line-clamp: 3; }
.line-cut.line-cut-4            { -webkit-line-clamp: 4; }
.line-cut.line-cut-5            { -webkit-line-clamp: 5; }
.line-cut.line-cut-7            { -webkit-line-clamp: 7; }
.line-cut.line-cut-10           { -webkit-line-clamp: 10; }

@media screen and (min-width: 768px) {
    .md\:invisible              { visibility: hidden; }
    .md\:box-border             { box-sizing: border-box; }
    .md\:no-border              { border: none; }
    .md\:underline              { text-decoration: underline; }
    .md\:objectfit-cover        { object-fit: cover; }

    .md\:overflow-hidden        { overflow: hidden; }
    .md\:overflow-y-auto        { overflow-y: auto; }
    .md\:overflow-x-hidden      { overflow-x: hidden; }
    .md\:overflow-y-hidden      { overflow-y: hidden; }
    .md\:overflow-x-scroll      { overflow-x: scroll; }
    .md\:overflow-y-scroll      { overflow-y: scroll; }
    .md\:text-ellipsis          { text-overflow: ellipsis; }
    .md\:whitespace-normal      { white-space: normal; }
    .md\:whitespace-nowrap      { white-space: nowrap; }
    .md\:whitespace-pre         { white-space: pre; }
    .md\:whitespace-pre-wrap    { white-space: pre-wrap; }
    .md\:break-words            { overflow-wrap: break-word; }
    .md\:break-all              { word-break: break-all; }
    .md\:break-keep             { word-break: keep-all; }
}

@media screen and (min-width: 1024px) {
    .lg\:invisible              { visibility: hidden; }
    .lg\:box-border             { box-sizing: border-box; }
    .lg\:no-border              { border: none; }
    .lg\:underline              { text-decoration: underline; }
    .lg\:objectfit-cover        { object-fit: cover; }

    .lg\:overflow-hidden        { overflow: hidden; }
    .lg\:overflow-y-auto        { overflow-y: auto; }
    .lg\:overflow-x-hidden      { overflow-x: hidden; }
    .lg\:overflow-y-hidden      { overflow-y: hidden; }
    .lg\:overflow-x-scroll      { overflow-x: scroll; }
    .lg\:overflow-y-scroll      { overflow-y: scroll; }
    .lg\:text-ellipsis          { text-overflow: ellipsis; }
    .lg\:whitespace-normal      { white-space: normal; }
    .lg\:whitespace-nowrap      { white-space: nowrap; }
    .lg\:whitespace-pre         { white-space: pre; }
    .lg\:whitespace-pre-wrap    { white-space: pre-wrap; }
    .lg\:break-words            { overflow-wrap: break-word; }
    .lg\:break-all              { word-break: break-all; }
    .lg\:break-keep             { word-break: keep-all; }
}

@media screen and (min-width: 1440px) {
    .xl\:invisible              { visibility: hidden; }
    .xl\:box-border             { box-sizing: border-box; }
    .xl\:no-border              { border: none; }
    .xl\:underline              { text-decoration: underline; }
    .xl\:objectfit-cover        { object-fit: cover; }

    .xl\:overflow-hidden        { overflow: hidden; }
    .xl\:overflow-y-auto        { overflow-y: auto; }
    .xl\:overflow-x-hidden      { overflow-x: hidden; }
    .xl\:overflow-y-hidden      { overflow-y: hidden; }
    .xl\:overflow-x-scroll      { overflow-x: scroll; }
    .xl\:overflow-y-scroll      { overflow-y: scroll; }
    .xl\:text-ellipsis          { text-overflow: ellipsis; }
    .xl\:whitespace-normal      { white-space: normal; }
    .xl\:whitespace-nowrap      { white-space: nowrap; }
    .xl\:whitespace-pre         { white-space: pre; }
    .xl\:whitespace-pre-wrap    { white-space: pre-wrap; }
    .xl\:break-words            { overflow-wrap: break-word; }
    .xl\:break-all              { word-break: break-all; }
    .xl\:break-keep             { word-break: keep-all; }
}


/* Text */
.text-center                    { text-align: center !important; }
.text-left                      { text-align: left !important; }
.text-right                     { text-align: right !important; }
.text-start                     { text-align: start !important; }
.text-end                       { text-align: end !important; }

.text-capitalize                { text-transform: capitalize; }
.text-uppercase                 { text-transform: uppercase; }
.text-lowercase                 { text-transform: lowercase }

.italic                         { font-style: italic; }

.line-height-\[1\]              { line-height: 1; }
.line-height-\[1\.2\]           { line-height: 1.2; }
.line-height-\[1\.4\]           { line-height: 1.4; }
.line-height-\[1\.6\]           { line-height: 1.6; }
.line-height-\[1\.8\]           { line-height: 1.8; }
.line-height-\[2\]              { line-height: 2; }

@media screen and (min-width: 768px) {
    .md\:text-center            { text-align: center !important; }
    .md\:text-left              { text-align: left !important; }
    .md\:text-right             { text-align: right !important; }
    .md\:text-start             { text-align: start !important; }
    .md\:text-end               { text-align: end !important; }

    .md\:text-capitalize        { text-transform: capitalize; }
    .md\:text-uppercase         { text-transform: uppercase; }
    .md\:text-lowercase         { text-transform: lowercase }

    .md\:italic                 { font-style: italic; }

    .md\:line-height-\[1\]      { line-height: 1; }
    .md\:line-height-\[1\.2\]   { line-height: 1.2; }
    .md\:line-height-\[1\.4\]   { line-height: 1.4; }
    .md\:line-height-\[1\.6\]   { line-height: 1.6; }
    .md\:line-height-\[1\.8\]   { line-height: 1.8; }
    .md\:line-height-\[2\]      { line-height: 2; }
}

@media screen and (min-width: 1024px) {
    .lg\:text-center            { text-align: center !important; }
    .lg\:text-left              { text-align: left !important; }
    .lg\:text-right             { text-align: right !important; }
    .lg\:text-start             { text-align: start !important; }
    .lg\:text-end               { text-align: end !important; }

    .lg\:text-capitalize        { text-transform: capitalize; }
    .lg\:text-uppercase         { text-transform: uppercase; }
    .lg\:text-lowercase         { text-transform: lowercase }

    .lg\:italic                 { font-style: italic; }

    .lg\:line-height-\[1\]      { line-height: 1; }
    .lg\:line-height-\[1\.2\]   { line-height: 1.2; }
    .lg\:line-height-\[1\.4\]   { line-height: 1.4; }
    .lg\:line-height-\[1\.6\]   { line-height: 1.6; }
    .lg\:line-height-\[1\.8\]   { line-height: 1.8; }
    .lg\:line-height-\[2\]      { line-height: 2; }
}

@media screen and (min-width: 1440px) {
    .xl\:text-center            { text-align: center !important; }
    .xl\:text-left              { text-align: left !important; }
    .xl\:text-right             { text-align: right !important; }
    .xl\:text-start             { text-align: start !important; }
    .xl\:text-end               { text-align: end !important; }

    .xl\:text-capitalize        { text-transform: capitalize; }
    .xl\:text-uppercase         { text-transform: uppercase; }
    .xl\:text-lowercase         { text-transform: lowercase }

    .xl\:italic                 { font-style: italic; }

    .xl\:line-height-\[1\]      { line-height: 1; }
    .xl\:line-height-\[1\.2\]   { line-height: 1.2; }
    .xl\:line-height-\[1\.4\]   { line-height: 1.4; }
    .xl\:line-height-\[1\.6\]   { line-height: 1.6; }
    .xl\:line-height-\[1\.8\]   { line-height: 1.8; }
    .xl\:line-height-\[2\]      { line-height: 2; }
}



/* Display */
.hidden                         { display: none !important; }
.inline                         { display: inline !important; }
.inline-block                   { display: inline-block !important; }
.block                          { display: block !important; }
.inline-flex                    { display: inline-flex !important; }
.table                          { display: table !important; }
.table-tr                       { display: table-row !important; }
.table-cell                     { display: table-cell !important; }
.grid                           { display: grid !important; }
.inline-flex                    { display: inline-flex !important; }

@media screen and (min-width: 768px) {
    .md\:hidden                 { display: none !important; }
    .md\:inline                 { display: inline !important; }
    .md\:inline-block           { display: inline-block !important; }
    .md\:block                  { display: block !important; }
    .md\:inline-flex            { display: inline-flex !important; }
    .md\:table                  { display: table !important; }
    .md\:table-tr               { display: table-row !important; }
    .md\:table-cell             { display: table-cell !important; }
    .md\:grid                   { display: grid !important; }
    .md\:inline-flex            { display: inline-flex !important; }
}

@media screen and (min-width: 1024px) {
    .lg\:hidden                 { display: none !important; }
    .lg\:inline                 { display: inline !important; }
    .lg\:inline-block           { display: inline-block !important; }
    .lg\:block                  { display: block !important; }
    .lg\:inline-flex            { display: inline-flex !important; }
    .lg\:table                  { display: table !important; }
    .lg\:table-tr               { display: table-row !important; }
    .lg\:table-cell             { display: table-cell !important; }
    .lg\:grid                   { display: grid !important; }
    .lg\:inline-flex            { display: inline-flex !important; }
}

@media screen and (min-width: 1440px) {
    .xl\:hidden                 { display: none !important; }
    .xl\:inline                 { display: inline !important; }
    .xl\:inline-block           { display: inline-block !important; }
    .xl\:block                  { display: block !important; }
    .xl\:inline-flex            { display: inline-flex !important; }
    .xl\:table                  { display: table !important; }
    .xl\:table-tr               { display: table-row !important; }
    .xl\:table-cell             { display: table-cell !important; }
    .xl\:grid                   { display: grid !important; }
    .xl\:inline-flex            { display: inline-flex !important; }
}



/* Display :: Flex */
.flex, [class*="flex-"]         { display: flex; }
.flex-start                     { justify-content: flex-start; align-items: center; }
.flex-end                       { justify-content: flex-end; align-items: center; }
.flex-center                    { justify-content: center; align-items: center; }
.flex-around                    { justify-content: space-around; align-items: center; }
.flex-between                   { justify-content: space-between; align-items: center; }
.flex-wrap                      { flex-wrap: wrap; }
.flex-row                       { flex-direction: row; }
.flex-col                       { flex-direction: column; }
.justify-start                  { justify-content: flex-start; }
.justify-end                    { justify-content: flex-end; }
.justify-center                 { justify-content: center; }
.justify-between                { justify-content: space-between; }
.items-start                    { align-items: flex-start; }
.items-end                      { align-items: flex-end; }
.items-center                   { align-items: center; }
.items-stretch                  { align-items: stretch; }
.shrink-0                       { flex-shrink: 0; }
.grow-1                         { flex-grow: 1; }
.place-items-center             { place-items: center; }
.gap-\[5px\]                    { gap: 5px; }
.gap-\[10px\]                   { gap: 10px; }
.gap-\[15px\]                   { gap: 15px; }
.gap-\[20px\]                   { gap: 20px; }
.gap-\[25px\]                   { gap: 25px; }
.gap-\[30px\]                   { gap: 30px; }
.gap-\[35px\]                   { gap: 35px; }
.gap-\[40px\]                   { gap: 40px; }
.gap-\[45px\]                   { gap: 45px; }
.gap-\[50px\]                   { gap: 50px; }
.gap-\[1\]                      { gap: 1rem; }
.gap-\[1\.5\]                   { gap: 1.5rem; }
.gap-\[2\]                      { gap: 2rem; }
.gap-\[2\.5\]                   { gap: 2.5rem; }
.gap-\[3\]                      { gap: 3rem; }
.gap-\[3\.5\]                   { gap: 3.5rem; }
.gap-\[4\]                      { gap: 4rem; }
.gap-\[4\.5\]                   { gap: 4.5rem; }
.gap-\[5\]                      { gap: 5rem; }

@media screen and (min-width: 768px) {
    .md\:flex                   { display: flex; }
    .md\:flex-start             { display: flex; justify-content: flex-start; align-items: center; }
    .md\:flex-end               { display: flex; justify-content: flex-end; align-items: center; }
    .md\:flex-center            { display: flex; justify-content: center; align-items: center; }
    .md\:flex-around            { display: flex; justify-content: space-around; align-items: center; }
    .md\:flex-between           { display: flex; justify-content: space-between; align-items: center; }
    .md\:flex-wrap              { flex-wrap: wrap; }
    .md\:flex-row               { flex-direction: row; }
    .md\:flex-col               { flex-direction: column; }
    .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\:items-start            { align-items: flex-start; }
    .md\:items-end              { align-items: flex-end; }
    .md\:items-center           { align-items: center; }
    .md\:items-stretch          { align-items: stretch; }
    .md\:shrink-0               { flex-shrink: 0; }
    .md\:grow-1                 { flex-grow: 1; }
    .md\:place-items-center     { place-items: center; }
    .md\:gap-\[5px\]            { gap: 5px; }
    .md\:gap-\[10px\]           { gap: 10px; }
    .md\:gap-\[15px\]           { gap: 15px; }
    .md\:gap-\[20px\]           { gap: 20px; }
    .md\:gap-\[25px\]           { gap: 25px; }
    .md\:gap-\[30px\]           { gap: 30px; }
    .md\:gap-\[35px\]           { gap: 35px; }
    .md\:gap-\[40px\]           { gap: 40px; }
    .md\:gap-\[45px\]           { gap: 45px; }
    .md\:gap-\[50px\]           { gap: 50px; }
    .md\:gap-\[1\]              { gap: 1rem; }
    .md\:gap-\[1\.5\]           { gap: 1.5rem; }
    .md\:gap-\[2\]              { gap: 2rem; }
    .md\:gap-\[2\.5\]           { gap: 2.5rem; }
    .md\:gap-\[3\]              { gap: 3rem; }
    .md\:gap-\[3\.5\]           { gap: 3.5rem; }
    .md\:gap-\[4\]              { gap: 4rem; }
    .md\:gap-\[4\.5\]           { gap: 4.5rem; }
    .md\:gap-\[5\]              { gap: 5rem; }
}

@media screen and (min-width: 1024px) {
    .lg\:flex                   { display: flex; }
    .lg\:flex-start             { display: flex; justify-content: flex-start; align-items: center; }
    .lg\:flex-end               { display: flex; justify-content: flex-end; align-items: center; }
    .lg\:flex-center            { display: flex; justify-content: center; align-items: center; }
    .lg\:flex-around            { display: flex; justify-content: space-around; align-items: center; }
    .lg\:flex-between           { display: flex; justify-content: space-between; align-items: center; }
    .lg\:flex-wrap              { flex-wrap: wrap; }
    .lg\:flex-row               { flex-direction: row; }
    .lg\:flex-col               { flex-direction: column; }
    .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\:items-start            { align-items: flex-start; }
    .lg\:items-end              { align-items: flex-end; }
    .lg\:items-center           { align-items: center; }
    .lg\:items-stretch          { align-items: stretch; }
    .lg\:shrink-0               { flex-shrink: 0; }
    .lg\:grow-1                 { flex-grow: 1; }
    .lg\:place-items-center     { place-items: center; }
    .lg\:gap-\[5px\]            { gap: 5px; }
    .lg\:gap-\[10px\]           { gap: 10px; }
    .lg\:gap-\[15px\]           { gap: 15px; }
    .lg\:gap-\[20px\]           { gap: 20px; }
    .lg\:gap-\[25px\]           { gap: 25px; }
    .lg\:gap-\[30px\]           { gap: 30px; }
    .lg\:gap-\[35px\]           { gap: 35px; }
    .lg\:gap-\[40px\]           { gap: 40px; }
    .lg\:gap-\[45px\]           { gap: 45px; }
    .lg\:gap-\[50px\]           { gap: 50px; }
    .lg\:gap-\[1\]              { gap: 1rem; }
    .lg\:gap-\[1\.5\]           { gap: 1.5rem; }
    .lg\:gap-\[2\]              { gap: 2rem; }
    .lg\:gap-\[2\.5\]           { gap: 2.5rem; }
    .lg\:gap-\[3\]              { gap: 3rem; }
    .lg\:gap-\[3\.5\]           { gap: 3.5rem; }
    .lg\:gap-\[4\]              { gap: 4rem; }
    .lg\:gap-\[4\.5\]           { gap: 4.5rem; }
    .lg\:gap-\[5\]              { gap: 5rem; }
}

@media screen and (min-width: 1440px) {
    .lg\:flex                   { display: flex !important; }
    .xl\:flex-start             { display: flex !important; justify-content: flex-start; align-items: center; }
    .xl\:flex-end               { display: flex !important; justify-content: flex-end; align-items: center; }
    .xl\:flex-center            { display: flex !important; justify-content: center; align-items: center; }
    .xl\:flex-around            { display: flex !important; justify-content: space-around; align-items: center; }
    .xl\:flex-between           { display: flex !important; justify-content: space-between; align-items: center; }
    .xl\:flex-wrap              { flex-wrap: wrap; }
    .xl\:flex-row               { flex-direction: row; }
    .xl\:flex-col               { flex-direction: column; }
    .xl\:justify-start          { justify-content: flex-start; }
    .xl\:justify-end            { justify-content: flex-end; }
    .xl\:justify-center         { justify-content: center; }
    .xl\:justify-between        { justify-content: space-between; }
    .xl\:items-start            { align-items: flex-start; }
    .xl\:items-end              { align-items: flex-end; }
    .xl\:items-center           { align-items: center; }
    .xl\:items-stretch          { align-items: stretch; }
    .xl\:shrink-0               { flex-shrink: 0; }
    .xl\:grow-1                 { flex-grow: 1; }
    .xl\:place-items-center     { place-items: center; }
    .xl\:gap-\[5px\]            { gap: 5px; }
    .xl\:gap-\[10px\]           { gap: 10px; }
    .xl\:gap-\[15px\]           { gap: 15px; }
    .xl\:gap-\[20px\]           { gap: 20px; }
    .xl\:gap-\[25px\]           { gap: 25px; }
    .xl\:gap-\[30px\]           { gap: 30px; }
    .xl\:gap-\[35px\]           { gap: 35px; }
    .xl\:gap-\[40px\]           { gap: 40px; }
    .xl\:gap-\[45px\]           { gap: 45px; }
    .xl\:gap-\[50px\]           { gap: 50px; }
    .xl\:gap-\[1\]              { gap: 1rem; }
    .xl\:gap-\[1\.5\]           { gap: 1.5rem; }
    .xl\:gap-\[2\]              { gap: 2rem; }
    .xl\:gap-\[2\.5\]           { gap: 2.5rem; }
    .xl\:gap-\[3\]              { gap: 3rem; }
    .xl\:gap-\[3\.5\]           { gap: 3.5rem; }
    .xl\:gap-\[4\]              { gap: 4rem; }
    .xl\:gap-\[4\.5\]           { gap: 4.5rem; }
    .xl\:gap-\[5\]              { gap: 5rem; }
}



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

@media screen and (min-width: 768px) {
    .md\:relative               { position: relative; }
    .md\:absolute               { position: absolute; }
    .md\:fixed                  { position: fixed; }
    .md\:static                 { position: static; }
    .md\:sticky                 { position: sticky; }
}

@media screen and (min-width: 1024px) {
    .lg\:relative               { position: relative; }
    .lg\:absolute               { position: absolute; }
    .lg\:fixed                  { position: fixed; }
    .lg\:static                 { position: static; }
    .lg\:sticky                 { position: sticky; }
}

@media screen and (min-width: 1440px) {
    .xl\:relative               { position: relative; }
    .xl\:absolute               { position: absolute; }
    .xl\:fixed                  { position: fixed; }
    .xl\:static                 { position: static; }
    .xl\:sticky                 { position: sticky; }
}


/* Position :: Absolute */
.top-0                                  { top: 0; }
.top-\[10\%\]                           { top: 10%; }
.top-\[20\%\]                           { top: 20%; }
.top-\[30\%\]                           { top: 30%; }
.top-\[40\%\]                           { top: 40%; }
.top-\[50\%\]                           { top: 50%; }
.top-\[60\%\]                           { top: 60%; }
.top-\[70\%\]                           { top: 70%; }
.top-\[80\%\]                           { top: 80%; }
.top-\[90\%\]                           { top: 90%; }
.top-\[100\%\]                          { top: 100%; }
.top-\[10px\]                           { top: 10px; }
.top-\[20px\]                           { top: 20px; }
.top-\[30px\]                           { top: 30px; }
.top-\[40px\]                           { top: 40px; }
.top-\[50px\]                           { top: 50px; }
.top-\[60px\]                           { top: 60px; }
.top-\[70px\]                           { top: 70px; }
.top-\[80px\]                           { top: 80px; }
.top-\[90px\]                           { top: 90px; }
.top-\[100px\]                          { top: 100px; }
.top-\[1\]                              { top: 1rem; }
.top-\[1\.5\]                           { top: 1.5rem; }
.top-\[2\]                              { top: 2rem; }
.top-\[2\.5\]                           { top: 2.5rem; }
.top-\[3\]                              { top: 3rem; }
.top-\[3\.5\]                           { top: 3.5rem; }
.top-\[4\]                              { top: 4rem; }
.top-\[4\.5\]                           { top: 4.5rem; }
.top-\[5\]                              { top: 5rem; }

.bottom-0                               { bottom: 0; }
.bottom-\[10\%\]                        { bottom: 10%; }
.bottom-\[20\%\]                        { bottom: 20%; }
.bottom-\[30\%\]                        { bottom: 30%; }
.bottom-\[40\%\]                        { bottom: 40%; }
.bottom-\[50\%\]                        { bottom: 50%; }
.bottom-\[60\%\]                        { bottom: 60%; }
.bottom-\[70\%\]                        { bottom: 70%; }
.bottom-\[80\%\]                        { bottom: 80%; }
.bottom-\[90\%\]                        { bottom: 90%; }
.bottom-\[100\%\]                       { bottom: 100%; }
.bottom-\[10px\]                        { bottom: 10px; }
.bottom-\[20px\]                        { bottom: 20px; }
.bottom-\[30px\]                        { bottom: 30px; }
.bottom-\[40px\]                        { bottom: 40px; }
.bottom-\[50px\]                        { bottom: 50px; }
.bottom-\[60px\]                        { bottom: 60px; }
.bottom-\[70px\]                        { bottom: 70px; }
.bottom-\[80px\]                        { bottom: 80px; }
.bottom-\[90px\]                        { bottom: 90px; }
.bottom-\[100px\]                       { bottom: 100px; }
.bottom-\[1\]                           { bottom: 1rem; }
.bottom-\[1\.5\]                        { bottom: 1.5rem; }
.bottom-\[2\]                           { bottom: 2rem; }
.bottom-\[2\.5\]                        { bottom: 2.5rem; }
.bottom-\[3\]                           { bottom: 3rem; }
.bottom-\[3\.5\]                        { bottom: 3.5rem; }
.bottom-\[4\]                           { bottom: 4rem; }
.bottom-\[4\.5\]                        { bottom: 4.5rem; }
.bottom-\[5\]                           { bottom: 5rem; }

.left-0                                 { left: 0; }
.left-\[10\%\]                          { left: 10%; }
.left-\[20\%\]                          { left: 20%; }
.left-\[30\%\]                          { left: 30%; }
.left-\[40\%\]                          { left: 40%; }
.left-\[50\%\]                          { left: 50%; }
.left-\[60\%\]                          { left: 60%; }
.left-\[70\%\]                          { left: 70%; }
.left-\[80\%\]                          { left: 80%; }
.left-\[90\%\]                          { left: 90%; }
.left-\[100\%\]                         { left: 100%; }
.left-\[10px\]                          { left: 10px; }
.left-\[20px\]                          { left: 20px; }
.left-\[30px\]                          { left: 30px; }
.left-\[40px\]                          { left: 40px; }
.left-\[50px\]                          { left: 50px; }
.left-\[60px\]                          { left: 60px; }
.left-\[70px\]                          { left: 70px; }
.left-\[80px\]                          { left: 80px; }
.left-\[90px\]                          { left: 90px; }
.left-\[100px\]                         { left: 100px; }
.left-\[1\]                             { left: 1rem; }
.left-\[1\.5\]                          { left: 1.5rem; }
.left-\[2\]                             { left: 2rem; }
.left-\[2\.5\]                          { left: 2.5rem; }
.left-\[3\]                             { left: 3rem; }
.left-\[3\.5\]                          { left: 3.5rem; }
.left-\[4\]                             { left: 4rem; }
.left-\[4\.5\]                          { left: 4.5rem; }
.left-\[5\]                             { left: 5rem; }

.right-0                                { right: 0; }
.right-\[10\%\]                         { right: 10%; }
.right-\[20\%\]                         { right: 20%; }
.right-\[30\%\]                         { right: 30%; }
.right-\[40\%\]                         { right: 40%; }
.right-\[50\%\]                         { right: 50%; }
.right-\[60\%\]                         { right: 60%; }
.right-\[70\%\]                         { right: 70%; }
.right-\[80\%\]                         { right: 80%; }
.right-\[90\%\]                         { right: 90%; }
.right-\[100\%\]                        { right: 100%; }
.right-\[10px\]                         { right: 10px; }
.right-\[20px\]                         { right: 20px; }
.right-\[30px\]                         { right: 30px; }
.right-\[40px\]                         { right: 40px; }
.right-\[50px\]                         { right: 50px; }
.right-\[60px\]                         { right: 60px; }
.right-\[70px\]                         { right: 70px; }
.right-\[80px\]                         { right: 80px; }
.right-\[90px\]                         { right: 90px; }
.right-\[100px\]                        { right: 100px; }
.right-\[1\]                            { right: 1rem; }
.right-\[1\.5\]                         { right: 1.5rem; }
.right-\[2\]                            { right: 2rem; }
.right-\[2\.5\]                         { right: 2.5rem; }
.right-\[3\]                            { right: 3rem; }
.right-\[3\.5\]                         { right: 3.5rem; }
.right-\[4\]                            { right: 4rem; }
.right-\[4\.5\]                         { right: 4.5rem; }
.right-\[5\]                            { right: 5rem; }

@media screen and (min-width: 768px) {
    .md\:top-0                          { top: 0; }
    .md\:top-\[10\%\]                   { top: 10%; }
    .md\:top-\[20\%\]                   { top: 20%; }
    .md\:top-\[30\%\]                   { top: 30%; }
    .md\:top-\[40\%\]                   { top: 40%; }
    .md\:top-\[50\%\]                   { top: 50%; }
    .md\:top-\[60\%\]                   { top: 60%; }
    .md\:top-\[70\%\]                   { top: 70%; }
    .md\:top-\[80\%\]                   { top: 80%; }
    .md\:top-\[90\%\]                   { top: 90%; }
    .md\:top-\[100\%\]                  { top: 100%; }
    .md\:top-\[10px\]                   { top: 10px; }
    .md\:top-\[20px\]                   { top: 20px; }
    .md\:top-\[30px\]                   { top: 30px; }
    .md\:top-\[40px\]                   { top: 40px; }
    .md\:top-\[50px\]                   { top: 50px; }
    .md\:top-\[60px\]                   { top: 60px; }
    .md\:top-\[70px\]                   { top: 70px; }
    .md\:top-\[80px\]                   { top: 80px; }
    .md\:top-\[90px\]                   { top: 90px; }
    .md\:top-\[100px\]                  { top: 100px; }
    .md\:top-\[1\]                      { top: 1rem; }
    .md\:top-\[1\.5\]                   { top: 1.5rem; }
    .md\:top-\[2\]                      { top: 2rem; }
    .md\:top-\[2\.5\]                   { top: 2.5rem; }
    .md\:top-\[3\]                      { top: 3rem; }
    .md\:top-\[3\.5\]                   { top: 3.5rem; }
    .md\:top-\[4\]                      { top: 4rem; }
    .md\:top-\[4\.5\]                   { top: 4.5rem; }
    .md\:top-\[5\]                      { top: 5rem; }

    .md\:bottom-0                       { bottom: 0; }
    .md\:bottom-\[10\%\]                { bottom: 10%; }
    .md\:bottom-\[20\%\]                { bottom: 20%; }
    .md\:bottom-\[30\%\]                { bottom: 30%; }
    .md\:bottom-\[40\%\]                { bottom: 40%; }
    .md\:bottom-\[50\%\]                { bottom: 50%; }
    .md\:bottom-\[60\%\]                { bottom: 60%; }
    .md\:bottom-\[70\%\]                { bottom: 70%; }
    .md\:bottom-\[80\%\]                { bottom: 80%; }
    .md\:bottom-\[90\%\]                { bottom: 90%; }
    .md\:bottom-\[100\%\]               { bottom: 100%; }
    .md\:bottom-\[10px\]                { bottom: 10px; }
    .md\:bottom-\[20px\]                { bottom: 20px; }
    .md\:bottom-\[30px\]                { bottom: 30px; }
    .md\:bottom-\[40px\]                { bottom: 40px; }
    .md\:bottom-\[50px\]                { bottom: 50px; }
    .md\:bottom-\[60px\]                { bottom: 60px; }
    .md\:bottom-\[70px\]                { bottom: 70px; }
    .md\:bottom-\[80px\]                { bottom: 80px; }
    .md\:bottom-\[90px\]                { bottom: 90px; }
    .md\:bottom-\[100px\]               { bottom: 100px; }
    .md\:bottom-\[1\]                   { bottom: 1rem; }
    .md\:bottom-\[1\.5\]                { bottom: 1.5rem; }
    .md\:bottom-\[2\]                   { bottom: 2rem; }
    .md\:bottom-\[2\.5\]                { bottom: 2.5rem; }
    .md\:bottom-\[3\]                   { bottom: 3rem; }
    .md\:bottom-\[3\.5\]                { bottom: 3.5rem; }
    .md\:bottom-\[4\]                   { bottom: 4rem; }
    .md\:bottom-\[4\.5\]                { bottom: 4.5rem; }
    .md\:bottom-\[5\]                   { bottom: 5rem; }

    .md\:left-0                         { left: 0; }
    .md\:left-\[10\%\]                  { left: 10%; }
    .md\:left-\[20\%\]                  { left: 20%; }
    .md\:left-\[30\%\]                  { left: 30%; }
    .md\:left-\[40\%\]                  { left: 40%; }
    .md\:left-\[50\%\]                  { left: 50%; }
    .md\:left-\[60\%\]                  { left: 60%; }
    .md\:left-\[70\%\]                  { left: 70%; }
    .md\:left-\[80\%\]                  { left: 80%; }
    .md\:left-\[90\%\]                  { left: 90%; }
    .md\:left-\[100\%\]                 { left: 100%; }
    .md\:left-\[10px\]                  { left: 10px; }
    .md\:left-\[20px\]                  { left: 20px; }
    .md\:left-\[30px\]                  { left: 30px; }
    .md\:left-\[40px\]                  { left: 40px; }
    .md\:left-\[50px\]                  { left: 50px; }
    .md\:left-\[60px\]                  { left: 60px; }
    .md\:left-\[70px\]                  { left: 70px; }
    .md\:left-\[80px\]                  { left: 80px; }
    .md\:left-\[90px\]                  { left: 90px; }
    .md\:left-\[100px\]                 { left: 100px; }
    .md\:left-\[1\]                     { left: 1rem; }
    .md\:left-\[1\.5\]                  { left: 1.5rem; }
    .md\:left-\[2\]                     { left: 2rem; }
    .md\:left-\[2\.5\]                  { left: 2.5rem; }
    .md\:left-\[3\]                     { left: 3rem; }
    .md\:left-\[3\.5\]                  { left: 3.5rem; }
    .md\:left-\[4\]                     { left: 4rem; }
    .md\:left-\[4\.5\]                  { left: 4.5rem; }
    .md\:left-\[5\]                     { left: 5rem; }

    .md\:right-0                        { right: 0; }
    .md\:right-\[10\%\]                 { right: 10%; }
    .md\:right-\[20\%\]                 { right: 20%; }
    .md\:right-\[30\%\]                 { right: 30%; }
    .md\:right-\[40\%\]                 { right: 40%; }
    .md\:right-\[50\%\]                 { right: 50%; }
    .md\:right-\[60\%\]                 { right: 60%; }
    .md\:right-\[70\%\]                 { right: 70%; }
    .md\:right-\[80\%\]                 { right: 80%; }
    .md\:right-\[90\%\]                 { right: 90%; }
    .md\:right-\[100\%\]                { right: 100%; }
    .md\:right-\[10px\]                 { right: 10px; }
    .md\:right-\[20px\]                 { right: 20px; }
    .md\:right-\[30px\]                 { right: 30px; }
    .md\:right-\[40px\]                 { right: 40px; }
    .md\:right-\[50px\]                 { right: 50px; }
    .md\:right-\[60px\]                 { right: 60px; }
    .md\:right-\[70px\]                 { right: 70px; }
    .md\:right-\[80px\]                 { right: 80px; }
    .md\:right-\[90px\]                 { right: 90px; }
    .md\:right-\[100px\]                { right: 100px; }
    .md\:right-\[1\]                    { right: 1rem; }
    .md\:right-\[1\.5\]                 { right: 1.5rem; }
    .md\:right-\[2\]                    { right: 2rem; }
    .md\:right-\[2\.5\]                 { right: 2.5rem; }
    .md\:right-\[3\]                    { right: 3rem; }
    .md\:right-\[3\.5\]                 { right: 3.5rem; }
    .md\:right-\[4\]                    { right: 4rem; }
    .md\:right-\[4\.5\]                 { right: 4.5rem; }
    .md\:right-\[5\]                    { right: 5rem; }
}

@media screen and (min-width: 1024px) {
    .lg\:top-0                          { top: 0; }
    .lg\:top-\[10\%\]                   { top: 10%; }
    .lg\:top-\[20\%\]                   { top: 20%; }
    .lg\:top-\[30\%\]                   { top: 30%; }
    .lg\:top-\[40\%\]                   { top: 40%; }
    .lg\:top-\[50\%\]                   { top: 50%; }
    .lg\:top-\[60\%\]                   { top: 60%; }
    .lg\:top-\[70\%\]                   { top: 70%; }
    .lg\:top-\[80\%\]                   { top: 80%; }
    .lg\:top-\[90\%\]                   { top: 90%; }
    .lg\:top-\[100\%\]                  { top: 100%; }
    .lg\:top-\[10px\]                   { top: 10px; }
    .lg\:top-\[20px\]                   { top: 20px; }
    .lg\:top-\[30px\]                   { top: 30px; }
    .lg\:top-\[40px\]                   { top: 40px; }
    .lg\:top-\[50px\]                   { top: 50px; }
    .lg\:top-\[60px\]                   { top: 60px; }
    .lg\:top-\[70px\]                   { top: 70px; }
    .lg\:top-\[80px\]                   { top: 80px; }
    .lg\:top-\[90px\]                   { top: 90px; }
    .lg\:top-\[100px\]                  { top: 100px; }
    .lg\:top-\[1\]                      { top: 1rem; }
    .lg\:top-\[1\.5\]                   { top: 1.5rem; }
    .lg\:top-\[2\]                      { top: 2rem; }
    .lg\:top-\[2\.5\]                   { top: 2.5rem; }
    .lg\:top-\[3\]                      { top: 3rem; }
    .lg\:top-\[3\.5\]                   { top: 3.5rem; }
    .lg\:top-\[4\]                      { top: 4rem; }
    .lg\:top-\[4\.5\]                   { top: 4.5rem; }
    .lg\:top-\[5\]                      { top: 5rem; }

    .lg\:bottom-0                       { bottom: 0; }
    .lg\:bottom-\[10\%\]                { bottom: 10%; }
    .lg\:bottom-\[20\%\]                { bottom: 20%; }
    .lg\:bottom-\[30\%\]                { bottom: 30%; }
    .lg\:bottom-\[40\%\]                { bottom: 40%; }
    .lg\:bottom-\[50\%\]                { bottom: 50%; }
    .lg\:bottom-\[60\%\]                { bottom: 60%; }
    .lg\:bottom-\[70\%\]                { bottom: 70%; }
    .lg\:bottom-\[80\%\]                { bottom: 80%; }
    .lg\:bottom-\[90\%\]                { bottom: 90%; }
    .lg\:bottom-\[100\%\]               { bottom: 100%; }
    .lg\:bottom-\[10px\]                { bottom: 10px; }
    .lg\:bottom-\[20px\]                { bottom: 20px; }
    .lg\:bottom-\[30px\]                { bottom: 30px; }
    .lg\:bottom-\[40px\]                { bottom: 40px; }
    .lg\:bottom-\[50px\]                { bottom: 50px; }
    .lg\:bottom-\[60px\]                { bottom: 60px; }
    .lg\:bottom-\[70px\]                { bottom: 70px; }
    .lg\:bottom-\[80px\]                { bottom: 80px; }
    .lg\:bottom-\[90px\]                { bottom: 90px; }
    .lg\:bottom-\[100px\]               { bottom: 100px; }
    .lg\:bottom-\[1\]                   { bottom: 1rem; }
    .lg\:bottom-\[1\.5\]                { bottom: 1.5rem; }
    .lg\:bottom-\[2\]                   { bottom: 2rem; }
    .lg\:bottom-\[2\.5\]                { bottom: 2.5rem; }
    .lg\:bottom-\[3\]                   { bottom: 3rem; }
    .lg\:bottom-\[3\.5\]                { bottom: 3.5rem; }
    .lg\:bottom-\[4\]                   { bottom: 4rem; }
    .lg\:bottom-\[4\.5\]                { bottom: 4.5rem; }
    .lg\:bottom-\[5\]                   { bottom: 5rem; }

    .lg\:left-0                         { left: 0; }
    .lg\:left-\[10\%\]                  { left: 10%; }
    .lg\:left-\[20\%\]                  { left: 20%; }
    .lg\:left-\[30\%\]                  { left: 30%; }
    .lg\:left-\[40\%\]                  { left: 40%; }
    .lg\:left-\[50\%\]                  { left: 50%; }
    .lg\:left-\[60\%\]                  { left: 60%; }
    .lg\:left-\[70\%\]                  { left: 70%; }
    .lg\:left-\[80\%\]                  { left: 80%; }
    .lg\:left-\[90\%\]                  { left: 90%; }
    .lg\:left-\[100\%\]                 { left: 100%; }
    .lg\:left-\[10px\]                  { left: 10px; }
    .lg\:left-\[20px\]                  { left: 20px; }
    .lg\:left-\[30px\]                  { left: 30px; }
    .lg\:left-\[40px\]                  { left: 40px; }
    .lg\:left-\[50px\]                  { left: 50px; }
    .lg\:left-\[60px\]                  { left: 60px; }
    .lg\:left-\[70px\]                  { left: 70px; }
    .lg\:left-\[80px\]                  { left: 80px; }
    .lg\:left-\[90px\]                  { left: 90px; }
    .lg\:left-\[100px\]                 { left: 100px; }
    .lg\:left-\[1\]                     { left: 1rem; }
    .lg\:left-\[1\.5\]                  { left: 1.5rem; }
    .lg\:left-\[2\]                     { left: 2rem; }
    .lg\:left-\[2\.5\]                  { left: 2.5rem; }
    .lg\:left-\[3\]                     { left: 3rem; }
    .lg\:left-\[3\.5\]                  { left: 3.5rem; }
    .lg\:left-\[4\]                     { left: 4rem; }
    .lg\:left-\[4\.5\]                  { left: 4.5rem; }
    .lg\:left-\[5\]                     { left: 5rem; }

    .lg\:right-0                        { right: 0; }
    .lg\:right-\[10\%\]                 { right: 10%; }
    .lg\:right-\[20\%\]                 { right: 20%; }
    .lg\:right-\[30\%\]                 { right: 30%; }
    .lg\:right-\[40\%\]                 { right: 40%; }
    .lg\:right-\[50\%\]                 { right: 50%; }
    .lg\:right-\[60\%\]                 { right: 60%; }
    .lg\:right-\[70\%\]                 { right: 70%; }
    .lg\:right-\[80\%\]                 { right: 80%; }
    .lg\:right-\[90\%\]                 { right: 90%; }
    .lg\:right-\[100\%\]                { right: 100%; }
    .lg\:right-\[10px\]                 { right: 10px; }
    .lg\:right-\[20px\]                 { right: 20px; }
    .lg\:right-\[30px\]                 { right: 30px; }
    .lg\:right-\[40px\]                 { right: 40px; }
    .lg\:right-\[50px\]                 { right: 50px; }
    .lg\:right-\[60px\]                 { right: 60px; }
    .lg\:right-\[70px\]                 { right: 70px; }
    .lg\:right-\[80px\]                 { right: 80px; }
    .lg\:right-\[90px\]                 { right: 90px; }
    .lg\:right-\[100px\]                { right: 100px; }
    .lg\:right-\[1\]                    { right: 1rem; }
    .lg\:right-\[1\.5\]                 { right: 1.5rem; }
    .lg\:right-\[2\]                    { right: 2rem; }
    .lg\:right-\[2\.5\]                 { right: 2.5rem; }
    .lg\:right-\[3\]                    { right: 3rem; }
    .lg\:right-\[3\.5\]                 { right: 3.5rem; }
    .lg\:right-\[4\]                    { right: 4rem; }
    .lg\:right-\[4\.5\]                 { right: 4.5rem; }
    .lg\:right-\[5\]                    { right: 5rem; }
}

@media screen and (min-width: 1440px) {
    .xl\:top-0                          { top: 0; }
    .xl\:top-\[10\%\]                   { top: 10%; }
    .xl\:top-\[20\%\]                   { top: 20%; }
    .xl\:top-\[30\%\]                   { top: 30%; }
    .xl\:top-\[40\%\]                   { top: 40%; }
    .xl\:top-\[50\%\]                   { top: 50%; }
    .xl\:top-\[60\%\]                   { top: 60%; }
    .xl\:top-\[70\%\]                   { top: 70%; }
    .xl\:top-\[80\%\]                   { top: 80%; }
    .xl\:top-\[90\%\]                   { top: 90%; }
    .xl\:top-\[100\%\]                  { top: 100%; }
    .xl\:top-\[10px\]                   { top: 10px; }
    .xl\:top-\[20px\]                   { top: 20px; }
    .xl\:top-\[30px\]                   { top: 30px; }
    .xl\:top-\[40px\]                   { top: 40px; }
    .xl\:top-\[50px\]                   { top: 50px; }
    .xl\:top-\[60px\]                   { top: 60px; }
    .xl\:top-\[70px\]                   { top: 70px; }
    .xl\:top-\[80px\]                   { top: 80px; }
    .xl\:top-\[90px\]                   { top: 90px; }
    .xl\:top-\[100px\]                  { top: 100px; }
    .xl\:top-\[1\]                      { top: 1rem; }
    .xl\:top-\[1\.5\]                   { top: 1.5rem; }
    .xl\:top-\[2\]                      { top: 2rem; }
    .xl\:top-\[2\.5\]                   { top: 2.5rem; }
    .xl\:top-\[3\]                      { top: 3rem; }
    .xl\:top-\[3\.5\]                   { top: 3.5rem; }
    .xl\:top-\[4\]                      { top: 4rem; }
    .xl\:top-\[4\.5\]                   { top: 4.5rem; }
    .xl\:top-\[5\]                      { top: 5rem; }

    .xl\:bottom-0                       { bottom: 0; }
    .xl\:bottom-\[10\%\]                { bottom: 10%; }
    .xl\:bottom-\[20\%\]                { bottom: 20%; }
    .xl\:bottom-\[30\%\]                { bottom: 30%; }
    .xl\:bottom-\[40\%\]                { bottom: 40%; }
    .xl\:bottom-\[50\%\]                { bottom: 50%; }
    .xl\:bottom-\[60\%\]                { bottom: 60%; }
    .xl\:bottom-\[70\%\]                { bottom: 70%; }
    .xl\:bottom-\[80\%\]                { bottom: 80%; }
    .xl\:bottom-\[90\%\]                { bottom: 90%; }
    .xl\:bottom-\[100\%\]               { bottom: 100%; }
    .xl\:bottom-\[10px\]                { bottom: 10px; }
    .xl\:bottom-\[20px\]                { bottom: 20px; }
    .xl\:bottom-\[30px\]                { bottom: 30px; }
    .xl\:bottom-\[40px\]                { bottom: 40px; }
    .xl\:bottom-\[50px\]                { bottom: 50px; }
    .xl\:bottom-\[60px\]                { bottom: 60px; }
    .xl\:bottom-\[70px\]                { bottom: 70px; }
    .xl\:bottom-\[80px\]                { bottom: 80px; }
    .xl\:bottom-\[90px\]                { bottom: 90px; }
    .xl\:bottom-\[100px\]               { bottom: 100px; }
    .xl\:bottom-\[1\]                   { bottom: 1rem; }
    .xl\:bottom-\[1\.5\]                { bottom: 1.5rem; }
    .xl\:bottom-\[2\]                   { bottom: 2rem; }
    .xl\:bottom-\[2\.5\]                { bottom: 2.5rem; }
    .xl\:bottom-\[3\]                   { bottom: 3rem; }
    .xl\:bottom-\[3\.5\]                { bottom: 3.5rem; }
    .xl\:bottom-\[4\]                   { bottom: 4rem; }
    .xl\:bottom-\[4\.5\]                { bottom: 4.5rem; }
    .xl\:bottom-\[5\]                   { bottom: 5rem; }

    .xl\:left-0                         { left: 0; }
    .xl\:left-\[10\%\]                  { left: 10%; }
    .xl\:left-\[20\%\]                  { left: 20%; }
    .xl\:left-\[30\%\]                  { left: 30%; }
    .xl\:left-\[40\%\]                  { left: 40%; }
    .xl\:left-\[50\%\]                  { left: 50%; }
    .xl\:left-\[60\%\]                  { left: 60%; }
    .xl\:left-\[70\%\]                  { left: 70%; }
    .xl\:left-\[80\%\]                  { left: 80%; }
    .xl\:left-\[90\%\]                  { left: 90%; }
    .xl\:left-\[100\%\]                 { left: 100%; }
    .xl\:left-\[10px\]                  { left: 10px; }
    .xl\:left-\[20px\]                  { left: 20px; }
    .xl\:left-\[30px\]                  { left: 30px; }
    .xl\:left-\[40px\]                  { left: 40px; }
    .xl\:left-\[50px\]                  { left: 50px; }
    .xl\:left-\[60px\]                  { left: 60px; }
    .xl\:left-\[70px\]                  { left: 70px; }
    .xl\:left-\[80px\]                  { left: 80px; }
    .xl\:left-\[90px\]                  { left: 90px; }
    .xl\:left-\[100px\]                 { left: 100px; }
    .xl\:left-\[1\]                     { left: 1rem; }
    .xl\:left-\[1\.5\]                  { left: 1.5rem; }
    .xl\:left-\[2\]                     { left: 2rem; }
    .xl\:left-\[2\.5\]                  { left: 2.5rem; }
    .xl\:left-\[3\]                     { left: 3rem; }
    .xl\:left-\[3\.5\]                  { left: 3.5rem; }
    .xl\:left-\[4\]                     { left: 4rem; }
    .xl\:left-\[4\.5\]                  { left: 4.5rem; }
    .xl\:left-\[5\]                     { left: 5rem; }

    .xl\:right-0                        { right: 0; }
    .xl\:right-\[10\%\]                 { right: 10%; }
    .xl\:right-\[20\%\]                 { right: 20%; }
    .xl\:right-\[30\%\]                 { right: 30%; }
    .xl\:right-\[40\%\]                 { right: 40%; }
    .xl\:right-\[50\%\]                 { right: 50%; }
    .xl\:right-\[60\%\]                 { right: 60%; }
    .xl\:right-\[70\%\]                 { right: 70%; }
    .xl\:right-\[80\%\]                 { right: 80%; }
    .xl\:right-\[90\%\]                 { right: 90%; }
    .xl\:right-\[100\%\]                { right: 100%; }
    .xl\:right-\[10px\]                 { right: 10px; }
    .xl\:right-\[20px\]                 { right: 20px; }
    .xl\:right-\[30px\]                 { right: 30px; }
    .xl\:right-\[40px\]                 { right: 40px; }
    .xl\:right-\[50px\]                 { right: 50px; }
    .xl\:right-\[60px\]                 { right: 60px; }
    .xl\:right-\[70px\]                 { right: 70px; }
    .xl\:right-\[80px\]                 { right: 80px; }
    .xl\:right-\[90px\]                 { right: 90px; }
    .xl\:right-\[100px\]                { right: 100px; }
    .xl\:right-\[1\]                    { right: 1rem; }
    .xl\:right-\[1\.5\]                 { right: 1.5rem; }
    .xl\:right-\[2\]                    { right: 2rem; }
    .xl\:right-\[2\.5\]                 { right: 2.5rem; }
    .xl\:right-\[3\]                    { right: 3rem; }
    .xl\:right-\[3\.5\]                 { right: 3.5rem; }
    .xl\:right-\[4\]                    { right: 4rem; }
    .xl\:right-\[4\.5\]                 { right: 4.5rem; }
    .xl\:right-\[5\]                    { right: 5rem; }
}


/* Width */
.w-\[10\%\]                     { width: 10%; }
.w-\[20\%\]                     { width: 20%; }
.w-\[30\%\]                     { width: 30%; }
.w-\[40\%\]                     { width: 40%; }
.w-\[45\%\]                     { width: 45%; }
.w-\[50\%\]                     { width: 50%; }
.w-\[55\%\]                     { width: 55%; }
.w-\[60\%\]                     { width: 60%; }
.w-\[70\%\]                     { width: 70%; }
.w-\[80\%\]                     { width: 80%; }
.w-\[90\%\]                     { width: 90%; }
.w-\[100\%\]                    { width: 100%; }
.w-\[10px\]                     { width: 10px; }
.w-\[20px\]                     { width: 20px; }
.w-\[30px\]                     { width: 30px; }
.w-\[40px\]                     { width: 40px; }
.w-\[50px\]                     { width: 50px; }
.w-\[60px\]                     { width: 60px; }
.w-\[70px\]                     { width: 70px; }
.w-\[80px\]                     { width: 80px; }
.w-\[90px\]                     { width: 90px; }
.w-\[100px\]                    { width: 100px; }
.w-\[110px\]                    { width: 110px; }
.w-\[120px\]                    { width: 120px; }
.w-\[130px\]                    { width: 130px; }
.w-\[140px\]                    { width: 140px; }
.w-\[150px\]                    { width: 150px; }
.w-\[160px\]                    { width: 160px; }
.w-\[170px\]                    { width: 170px; }
.w-\[180px\]                    { width: 180px; }
.w-\[190px\]                    { width: 190px; }
.w-\[200px\]                    { width: 200px; }
.w-\[210px\]                    { width: 210px; }
.w-\[220px\]                    { width: 220px; }
.w-\[230px\]                    { width: 230px; }
.w-\[240px\]                    { width: 240px; }
.w-\[250px\]                    { width: 250px; }
.w-\[260px\]                    { width: 260px; }
.w-\[270px\]                    { width: 270px; }
.w-\[280px\]                    { width: 280px; }
.w-\[290px\]                    { width: 290px; }
.w-\[300px\]                    { width: 300px; }
.w-\[350px\]                    { width: 350px; }
.w-\[400px\]                    { width: 400px; }
.w-\[450px\]                    { width: 450px; }
.w-\[500px\]                    { width: 500px; }
.w-\[1\]                        { width: 1rem }
.w-\[1\.5\]                     { width: 1.5rem }
.w-\[2\]                        { width: 2rem }
.w-\[2\.5\]                     { width: 2.5rem }
.w-\[3\]                        { width: 3rem }
.w-\[3\.5\]                     { width: 3.5rem }
.w-\[4\]                        { width: 4rem }
.w-\[4\.5\]                     { width: 4.5rem }
.w-\[5\]                        { width: 5rem }
.w-\[5\.5\]                     { width: 5.5rem }
.w-full                         { width: 100% !important; }
.w-screen                       { width: 100vw; }
.w-max-text                     { width: max-content; }

.min-w-\[10\%\]                 { min-width: 10%; }
.min-w-\[20\%\]                 { min-width: 20%; }
.min-w-\[30\%\]                 { min-width: 30%; }
.min-w-\[40\%\]                 { min-width: 40%; }
.min-w-\[50\%\]                 { min-width: 50%; }
.min-w-\[60\%\]                 { min-width: 60%; }
.min-w-\[70\%\]                 { min-width: 70%; }
.min-w-\[80\%\]                 { min-width: 80%; }
.min-w-\[90\%\]                 { min-width: 90%; }
.min-w-\[100\%\]                { min-width: 100%; }
.min-w-\[10px\]                 { min-width: 10px; }
.min-w-\[20px\]                 { min-width: 20px; }
.min-w-\[30px\]                 { min-width: 30px; }
.min-w-\[40px\]                 { min-width: 40px; }
.min-w-\[50px\]                 { min-width: 50px; }
.min-w-\[60px\]                 { min-width: 60px; }
.min-w-\[70px\]                 { min-width: 70px; }
.min-w-\[80px\]                 { min-width: 80px; }
.min-w-\[90px\]                 { min-width: 90px; }
.min-w-\[100px\]                { min-width: 100px; }
.min-w-\[110px\]                { min-width: 110px; }
.min-w-\[120px\]                { min-width: 120px; }
.min-w-\[130px\]                { min-width: 130px; }
.min-w-\[140px\]                { min-width: 140px; }
.min-w-\[150px\]                { min-width: 150px; }
.min-w-\[160px\]                { min-width: 160px; }
.min-w-\[170px\]                { min-width: 170px; }
.min-w-\[180px\]                { min-width: 180px; }
.min-w-\[190px\]                { min-width: 190px; }
.min-w-\[200px\]                { min-width: 200px; }
.min-w-\[210px\]                { min-width: 210px; }
.min-w-\[220px\]                { min-width: 220px; }
.min-w-\[230px\]                { min-width: 230px; }
.min-w-\[240px\]                { min-width: 240px; }
.min-w-\[250px\]                { min-width: 250px; }
.min-w-\[260px\]                { min-width: 260px; }
.min-w-\[270px\]                { min-width: 270px; }
.min-w-\[280px\]                { min-width: 280px; }
.min-w-\[290px\]                { min-width: 290px; }
.min-w-\[300px\]                { min-width: 300px; }
.min-w-\[350px\]                { min-width: 350px; }
.min-w-\[400px\]                { min-width: 400px; }
.min-w-\[450px\]                { min-width: 450px; }
.min-w-\[500px\]                { min-width: 500px; }
.min-w-full                     { min-width: 100%; }
.min-w-screen                   { min-width: 100vw; }

.max-w-\[10\%\]                 { max-width: 10%; }
.max-w-\[20\%\]                 { max-width: 20%; }
.max-w-\[30\%\]                 { max-width: 30%; }
.max-w-\[40\%\]                 { max-width: 40%; }
.max-w-\[50\%\]                 { max-width: 50%; }
.max-w-\[60\%\]                 { max-width: 60%; }
.max-w-\[70\%\]                 { max-width: 70%; }
.max-w-\[80\%\]                 { max-width: 80%; }
.max-w-\[90\%\]                 { max-width: 90%; }
.max-w-\[100\%\]                { max-width: 100%; }
.max-w-\[10px\]                 { max-width: 10px; }
.max-w-\[20px\]                 { max-width: 20px; }
.max-w-\[30px\]                 { max-width: 30px; }
.max-w-\[40px\]                 { max-width: 40px; }
.max-w-\[50px\]                 { max-width: 50px; }
.max-w-\[60px\]                 { max-width: 60px; }
.max-w-\[70px\]                 { max-width: 70px; }
.max-w-\[80px\]                 { max-width: 80px; }
.max-w-\[90px\]                 { max-width: 90px; }
.max-w-\[100px\]                { max-width: 100px; }
.max-w-\[110px\]                { max-width: 110px; }
.max-w-\[120px\]                { max-width: 120px; }
.max-w-\[130px\]                { max-width: 130px; }
.max-w-\[140px\]                { max-width: 140px; }
.max-w-\[150px\]                { max-width: 150px; }
.max-w-\[160px\]                { max-width: 160px; }
.max-w-\[170px\]                { max-width: 170px; }
.max-w-\[180px\]                { max-width: 180px; }
.max-w-\[190px\]                { max-width: 190px; }
.max-w-\[200px\]                { max-width: 200px; }
.max-w-\[210px\]                { max-width: 210px; }
.max-w-\[220px\]                { max-width: 220px; }
.max-w-\[230px\]                { max-width: 230px; }
.max-w-\[240px\]                { max-width: 240px; }
.max-w-\[250px\]                { max-width: 250px; }
.max-w-\[260px\]                { max-width: 260px; }
.max-w-\[270px\]                { max-width: 270px; }
.max-w-\[280px\]                { max-width: 280px; }
.max-w-\[290px\]                { max-width: 290px; }
.max-w-\[300px\]                { max-width: 300px; }
.max-w-\[350px\]                { max-width: 350px; }
.max-w-\[400px\]                { max-width: 400px; }
.max-w-\[450px\]                { max-width: 450px; }
.max-w-\[500px\]                { max-width: 500px; }
.max-w-full                     { max-width: 100%; }
.max-w-screen                   { max-width: 100vw; }

@media screen and (min-width: 768px) {
    .md\:w-\[10\%\]             { width: 10%; }
    .md\:w-\[20\%\]             { width: 20%; }
    .md\:w-\[30\%\]             { width: 30%; }
    .md\:w-\[40\%\]             { width: 40%; }
    .md\:w-\[50\%\]             { width: 50%; }
    .md\:w-\[60\%\]             { width: 60%; }
    .md\:w-\[70\%\]             { width: 70%; }
    .md\:w-\[80\%\]             { width: 80%; }
    .md\:w-\[90\%\]             { width: 90%; }
    .md\:w-\[100\%\]            { width: 100%; }
    .md\:w-\[10px\]             { width: 10px; }
    .md\:w-\[20px\]             { width: 20px; }
    .md\:w-\[30px\]             { width: 30px; }
    .md\:w-\[40px\]             { width: 40px; }
    .md\:w-\[50px\]             { width: 50px; }
    .md\:w-\[60px\]             { width: 60px; }
    .md\:w-\[70px\]             { width: 70px; }
    .md\:w-\[80px\]             { width: 80px; }
    .md\:w-\[90px\]             { width: 90px; }
    .md\:w-\[100px\]            { width: 100px; }
    .md\:w-\[110px\]            { width: 110px; }
    .md\:w-\[120px\]            { width: 120px; }
    .md\:w-\[130px\]            { width: 130px; }
    .md\:w-\[140px\]            { width: 140px; }
    .md\:w-\[150px\]            { width: 150px; }
    .md\:w-\[160px\]            { width: 160px; }
    .md\:w-\[170px\]            { width: 170px; }
    .md\:w-\[180px\]            { width: 180px; }
    .md\:w-\[190px\]            { width: 190px; }
    .md\:w-\[200px\]            { width: 200px; }
    .md\:w-\[210px\]            { width: 210px; }
    .md\:w-\[220px\]            { width: 220px; }
    .md\:w-\[230px\]            { width: 230px; }
    .md\:w-\[240px\]            { width: 240px; }
    .md\:w-\[250px\]            { width: 250px; }
    .md\:w-\[260px\]            { width: 260px; }
    .md\:w-\[270px\]            { width: 270px; }
    .md\:w-\[280px\]            { width: 280px; }
    .md\:w-\[290px\]            { width: 290px; }
    .md\:w-\[300px\]            { width: 300px; }
    .md\:w-\[350px\]            { width: 350px; }
    .md\:w-\[400px\]            { width: 400px; }
    .md\:w-\[450px\]            { width: 450px; }
    .md\:w-\[500px\]            { width: 500px; }
    .md\:w-\[1\]                { width: 1rem }
    .md\:w-\[1\.5\]             { width: 1.5rem }
    .md\:w-\[2\]                { width: 2rem }
    .md\:w-\[2\.5\]             { width: 2.5rem }
    .md\:w-\[3\]                { width: 3rem }
    .md\:w-\[3\.5\]             { width: 3.5rem }
    .md\:w-\[4\]                { width: 4rem }
    .md\:w-\[4\.5\]             { width: 4.5rem }
    .md\:w-\[5\]                { width: 5rem }
    .md\:w-\[5\.5\]             { width: 5.5rem }
    .md\:w-full                 { width: 100%; }
    .md\:w-screen               { width: 100vw; }
    .md\:w-max-text             { width: max-content; }
    
    .md\:min-w-\[10\%\]         { min-width: 10%; }
    .md\:min-w-\[20\%\]         { min-width: 20%; }
    .md\:min-w-\[30\%\]         { min-width: 30%; }
    .md\:min-w-\[40\%\]         { min-width: 40%; }
    .md\:min-w-\[50\%\]         { min-width: 50%; }
    .md\:min-w-\[60\%\]         { min-width: 60%; }
    .md\:min-w-\[70\%\]         { min-width: 70%; }
    .md\:min-w-\[80\%\]         { min-width: 80%; }
    .md\:min-w-\[90\%\]         { min-width: 90%; }
    .md\:min-w-\[100\%\]        { min-width: 100%; }
    .md\:min-w-\[10px\]         { min-width: 10px; }
    .md\:min-w-\[20px\]         { min-width: 20px; }
    .md\:min-w-\[30px\]         { min-width: 30px; }
    .md\:min-w-\[40px\]         { min-width: 40px; }
    .md\:min-w-\[50px\]         { min-width: 50px; }
    .md\:min-w-\[60px\]         { min-width: 60px; }
    .md\:min-w-\[70px\]         { min-width: 70px; }
    .md\:min-w-\[80px\]         { min-width: 80px; }
    .md\:min-w-\[90px\]         { min-width: 90px; }
    .md\:min-w-\[100px\]        { min-width: 100px; }
    .md\:min-w-\[110px\]        { min-width: 110px; }
    .md\:min-w-\[120px\]        { min-width: 120px; }
    .md\:min-w-\[130px\]        { min-width: 130px; }
    .md\:min-w-\[140px\]        { min-width: 140px; }
    .md\:min-w-\[150px\]        { min-width: 150px; }
    .md\:min-w-\[160px\]        { min-width: 160px; }
    .md\:min-w-\[170px\]        { min-width: 170px; }
    .md\:min-w-\[180px\]        { min-width: 180px; }
    .md\:min-w-\[190px\]        { min-width: 190px; }
    .md\:min-w-\[200px\]        { min-width: 200px; }
    .md\:min-w-\[210px\]        { min-width: 210px; }
    .md\:min-w-\[220px\]        { min-width: 220px; }
    .md\:min-w-\[230px\]        { min-width: 230px; }
    .md\:min-w-\[240px\]        { min-width: 240px; }
    .md\:min-w-\[250px\]        { min-width: 250px; }
    .md\:min-w-\[260px\]        { min-width: 260px; }
    .md\:min-w-\[270px\]        { min-width: 270px; }
    .md\:min-w-\[280px\]        { min-width: 280px; }
    .md\:min-w-\[290px\]        { min-width: 290px; }
    .md\:min-w-\[300px\]        { min-width: 300px; }
    .md\:min-w-\[350px\]        { min-width: 350px; }
    .md\:min-w-\[400px\]        { min-width: 400px; }
    .md\:min-w-\[450px\]        { min-width: 450px; }
    .md\:min-w-\[500px\]        { min-width: 500px; }
    .md\:min-w-full             { min-width: 100%; }
    .md\:min-w-screen           { min-width: 100vw; }
    
    .md\:max-w-\[10\%\]         { max-width: 10%; }
    .md\:max-w-\[20\%\]         { max-width: 20%; }
    .md\:max-w-\[30\%\]         { max-width: 30%; }
    .md\:max-w-\[40\%\]         { max-width: 40%; }
    .md\:max-w-\[50\%\]         { max-width: 50%; }
    .md\:max-w-\[60\%\]         { max-width: 60%; }
    .md\:max-w-\[70\%\]         { max-width: 70%; }
    .md\:max-w-\[80\%\]         { max-width: 80%; }
    .md\:max-w-\[90\%\]         { max-width: 90%; }
    .md\:max-w-\[100\%\]        { max-width: 100%; }
    .md\:max-w-\[10px\]         { max-width: 10px; }
    .md\:max-w-\[20px\]         { max-width: 20px; }
    .md\:max-w-\[30px\]         { max-width: 30px; }
    .md\:max-w-\[40px\]         { max-width: 40px; }
    .md\:max-w-\[50px\]         { max-width: 50px; }
    .md\:max-w-\[60px\]         { max-width: 60px; }
    .md\:max-w-\[70px\]         { max-width: 70px; }
    .md\:max-w-\[80px\]         { max-width: 80px; }
    .md\:max-w-\[90px\]         { max-width: 90px; }
    .md\:max-w-\[100px\]        { max-width: 100px; }
    .md\:max-w-\[110px\]        { max-width: 110px; }
    .md\:max-w-\[120px\]        { max-width: 120px; }
    .md\:max-w-\[130px\]        { max-width: 130px; }
    .md\:max-w-\[140px\]        { max-width: 140px; }
    .md\:max-w-\[150px\]        { max-width: 150px; }
    .md\:max-w-\[160px\]        { max-width: 160px; }
    .md\:max-w-\[170px\]        { max-width: 170px; }
    .md\:max-w-\[180px\]        { max-width: 180px; }
    .md\:max-w-\[190px\]        { max-width: 190px; }
    .md\:max-w-\[200px\]        { max-width: 200px; }
    .md\:max-w-\[210px\]        { max-width: 210px; }
    .md\:max-w-\[220px\]        { max-width: 220px; }
    .md\:max-w-\[230px\]        { max-width: 230px; }
    .md\:max-w-\[240px\]        { max-width: 240px; }
    .md\:max-w-\[250px\]        { max-width: 250px; }
    .md\:max-w-\[260px\]        { max-width: 260px; }
    .md\:max-w-\[270px\]        { max-width: 270px; }
    .md\:max-w-\[280px\]        { max-width: 280px; }
    .md\:max-w-\[290px\]        { max-width: 290px; }
    .md\:max-w-\[300px\]        { max-width: 300px; }
    .md\:max-w-\[350px\]        { max-width: 350px; }
    .md\:max-w-\[400px\]        { max-width: 400px; }
    .md\:max-w-\[450px\]        { max-width: 450px; }
    .md\:max-w-\[500px\]        { max-width: 500px; }
    .md\:max-w-full             { max-width: 100%; }
    .md\:max-w-screen           { max-width: 100vw; }
}

@media screen and (min-width: 1024px) {
    .lg\:w-\[10\%\]             { width: 10%; }
    .lg\:w-\[20\%\]             { width: 20%; }
    .lg\:w-\[30\%\]             { width: 30%; }
    .lg\:w-\[40\%\]             { width: 40%; }
    .lg\:w-\[50\%\]             { width: 50%; }
    .lg\:w-\[60\%\]             { width: 60%; }
    .lg\:w-\[70\%\]             { width: 70%; }
    .lg\:w-\[80\%\]             { width: 80%; }
    .lg\:w-\[90\%\]             { width: 90%; }
    .lg\:w-\[100\%\]            { width: 100%; }
    .lg\:w-\[10px\]             { width: 10px; }
    .lg\:w-\[20px\]             { width: 20px; }
    .lg\:w-\[30px\]             { width: 30px; }
    .lg\:w-\[40px\]             { width: 40px; }
    .lg\:w-\[50px\]             { width: 50px; }
    .lg\:w-\[60px\]             { width: 60px; }
    .lg\:w-\[70px\]             { width: 70px; }
    .lg\:w-\[80px\]             { width: 80px; }
    .lg\:w-\[90px\]             { width: 90px; }
    .lg\:w-\[100px\]            { width: 100px; }
    .lg\:w-\[110px\]            { width: 110px; }
    .lg\:w-\[120px\]            { width: 120px; }
    .lg\:w-\[130px\]            { width: 130px; }
    .lg\:w-\[140px\]            { width: 140px; }
    .lg\:w-\[150px\]            { width: 150px; }
    .lg\:w-\[160px\]            { width: 160px; }
    .lg\:w-\[170px\]            { width: 170px; }
    .lg\:w-\[180px\]            { width: 180px; }
    .lg\:w-\[190px\]            { width: 190px; }
    .lg\:w-\[200px\]            { width: 200px; }
    .lg\:w-\[210px\]            { width: 210px; }
    .lg\:w-\[220px\]            { width: 220px; }
    .lg\:w-\[230px\]            { width: 230px; }
    .lg\:w-\[240px\]            { width: 240px; }
    .lg\:w-\[250px\]            { width: 250px; }
    .lg\:w-\[260px\]            { width: 260px; }
    .lg\:w-\[270px\]            { width: 270px; }
    .lg\:w-\[280px\]            { width: 280px; }
    .lg\:w-\[290px\]            { width: 290px; }
    .lg\:w-\[300px\]            { width: 300px; }
    .lg\:w-\[350px\]            { width: 350px; }
    .lg\:w-\[400px\]            { width: 400px; }
    .lg\:w-\[450px\]            { width: 450px; }
    .lg\:w-\[500px\]            { width: 500px; }
    .lg\:w-\[1\]                { width: 1rem }
    .lg\:w-\[1\.5\]             { width: 1.5rem }
    .lg\:w-\[2\]                { width: 2rem }
    .lg\:w-\[2\.5\]             { width: 2.5rem }
    .lg\:w-\[3\]                { width: 3rem }
    .lg\:w-\[3\.5\]             { width: 3.5rem }
    .lg\:w-\[4\]                { width: 4rem }
    .lg\:w-\[4\.5\]             { width: 4.5rem }
    .lg\:w-\[5\]                { width: 5rem }
    .lg\:w-\[5\.5\]             { width: 5.5rem }
    .lg\:w-full                 { width: 100%; }
    .lg\:w-screen               { width: 100vw; }
    .lg\:w-max-text             { width: max-content; }
    
    .lg\:min-w-\[10\%\]         { min-width: 10%; }
    .lg\:min-w-\[20\%\]         { min-width: 20%; }
    .lg\:min-w-\[30\%\]         { min-width: 30%; }
    .lg\:min-w-\[40\%\]         { min-width: 40%; }
    .lg\:min-w-\[50\%\]         { min-width: 50%; }
    .lg\:min-w-\[60\%\]         { min-width: 60%; }
    .lg\:min-w-\[70\%\]         { min-width: 70%; }
    .lg\:min-w-\[80\%\]         { min-width: 80%; }
    .lg\:min-w-\[90\%\]         { min-width: 90%; }
    .lg\:min-w-\[100\%\]        { min-width: 100%; }
    .lg\:min-w-\[10px\]         { min-width: 10px; }
    .lg\:min-w-\[20px\]         { min-width: 20px; }
    .lg\:min-w-\[30px\]         { min-width: 30px; }
    .lg\:min-w-\[40px\]         { min-width: 40px; }
    .lg\:min-w-\[50px\]         { min-width: 50px; }
    .lg\:min-w-\[60px\]         { min-width: 60px; }
    .lg\:min-w-\[70px\]         { min-width: 70px; }
    .lg\:min-w-\[80px\]         { min-width: 80px; }
    .lg\:min-w-\[90px\]         { min-width: 90px; }
    .lg\:min-w-\[100px\]        { min-width: 100px; }
    .lg\:min-w-\[110px\]        { min-width: 110px; }
    .lg\:min-w-\[120px\]        { min-width: 120px; }
    .lg\:min-w-\[130px\]        { min-width: 130px; }
    .lg\:min-w-\[140px\]        { min-width: 140px; }
    .lg\:min-w-\[150px\]        { min-width: 150px; }
    .lg\:min-w-\[160px\]        { min-width: 160px; }
    .lg\:min-w-\[170px\]        { min-width: 170px; }
    .lg\:min-w-\[180px\]        { min-width: 180px; }
    .lg\:min-w-\[190px\]        { min-width: 190px; }
    .lg\:min-w-\[200px\]        { min-width: 200px; }
    .lg\:min-w-\[210px\]        { min-width: 210px; }
    .lg\:min-w-\[220px\]        { min-width: 220px; }
    .lg\:min-w-\[230px\]        { min-width: 230px; }
    .lg\:min-w-\[240px\]        { min-width: 240px; }
    .lg\:min-w-\[250px\]        { min-width: 250px; }
    .lg\:min-w-\[260px\]        { min-width: 260px; }
    .lg\:min-w-\[270px\]        { min-width: 270px; }
    .lg\:min-w-\[280px\]        { min-width: 280px; }
    .lg\:min-w-\[290px\]        { min-width: 290px; }
    .lg\:min-w-\[300px\]        { min-width: 300px; }
    .lg\:min-w-\[350px\]        { min-width: 350px; }
    .lg\:min-w-\[400px\]        { min-width: 400px; }
    .lg\:min-w-\[450px\]        { min-width: 450px; }
    .lg\:min-w-\[500px\]        { min-width: 500px; }
    .lg\:min-w-full             { min-width: 100%; }
    .lg\:min-w-screen           { min-width: 100vw; }
    
    .lg\:max-w-\[10\%\]         { max-width: 10%; }
    .lg\:max-w-\[20\%\]         { max-width: 20%; }
    .lg\:max-w-\[30\%\]         { max-width: 30%; }
    .lg\:max-w-\[40\%\]         { max-width: 40%; }
    .lg\:max-w-\[50\%\]         { max-width: 50%; }
    .lg\:max-w-\[60\%\]         { max-width: 60%; }
    .lg\:max-w-\[70\%\]         { max-width: 70%; }
    .lg\:max-w-\[80\%\]         { max-width: 80%; }
    .lg\:max-w-\[90\%\]         { max-width: 90%; }
    .lg\:max-w-\[100\%\]        { max-width: 100%; }
    .lg\:max-w-\[10px\]         { max-width: 10px; }
    .lg\:max-w-\[20px\]         { max-width: 20px; }
    .lg\:max-w-\[30px\]         { max-width: 30px; }
    .lg\:max-w-\[40px\]         { max-width: 40px; }
    .lg\:max-w-\[50px\]         { max-width: 50px; }
    .lg\:max-w-\[60px\]         { max-width: 60px; }
    .lg\:max-w-\[70px\]         { max-width: 70px; }
    .lg\:max-w-\[80px\]         { max-width: 80px; }
    .lg\:max-w-\[90px\]         { max-width: 90px; }
    .lg\:max-w-\[100px\]        { max-width: 100px; }
    .lg\:max-w-\[110px\]        { max-width: 110px; }
    .lg\:max-w-\[120px\]        { max-width: 120px; }
    .lg\:max-w-\[130px\]        { max-width: 130px; }
    .lg\:max-w-\[140px\]        { max-width: 140px; }
    .lg\:max-w-\[150px\]        { max-width: 150px; }
    .lg\:max-w-\[160px\]        { max-width: 160px; }
    .lg\:max-w-\[170px\]        { max-width: 170px; }
    .lg\:max-w-\[180px\]        { max-width: 180px; }
    .lg\:max-w-\[190px\]        { max-width: 190px; }
    .lg\:max-w-\[200px\]        { max-width: 200px; }
    .lg\:max-w-\[210px\]        { max-width: 210px; }
    .lg\:max-w-\[220px\]        { max-width: 220px; }
    .lg\:max-w-\[230px\]        { max-width: 230px; }
    .lg\:max-w-\[240px\]        { max-width: 240px; }
    .lg\:max-w-\[250px\]        { max-width: 250px; }
    .lg\:max-w-\[260px\]        { max-width: 260px; }
    .lg\:max-w-\[270px\]        { max-width: 270px; }
    .lg\:max-w-\[280px\]        { max-width: 280px; }
    .lg\:max-w-\[290px\]        { max-width: 290px; }
    .lg\:max-w-\[300px\]        { max-width: 300px; }
    .lg\:max-w-\[350px\]        { max-width: 350px; }
    .lg\:max-w-\[400px\]        { max-width: 400px; }
    .lg\:max-w-\[450px\]        { max-width: 450px; }
    .lg\:max-w-\[500px\]        { max-width: 500px; }
    .lg\:max-w-full             { max-width: 100%; }
    .lg\:max-w-screen           { max-width: 100vw; }
}

@media screen and (min-width: 1440px) {
    .xl\:w-\[10\%\]             { width: 10%; }
    .xl\:w-\[20\%\]             { width: 20%; }
    .xl\:w-\[30\%\]             { width: 30%; }
    .xl\:w-\[40\%\]             { width: 40%; }
    .xl\:w-\[50\%\]             { width: 50%; }
    .xl\:w-\[60\%\]             { width: 60%; }
    .xl\:w-\[70\%\]             { width: 70%; }
    .xl\:w-\[80\%\]             { width: 80%; }
    .xl\:w-\[90\%\]             { width: 90%; }
    .xl\:w-\[100\%\]            { width: 100%; }
    .xl\:w-\[10px\]             { width: 10px; }
    .xl\:w-\[20px\]             { width: 20px; }
    .xl\:w-\[30px\]             { width: 30px; }
    .xl\:w-\[40px\]             { width: 40px; }
    .xl\:w-\[50px\]             { width: 50px; }
    .xl\:w-\[60px\]             { width: 60px; }
    .xl\:w-\[70px\]             { width: 70px; }
    .xl\:w-\[80px\]             { width: 80px; }
    .xl\:w-\[90px\]             { width: 90px; }
    .xl\:w-\[100px\]            { width: 100px; }
    .xl\:w-\[110px\]            { width: 110px; }
    .xl\:w-\[120px\]            { width: 120px; }
    .xl\:w-\[130px\]            { width: 130px; }
    .xl\:w-\[140px\]            { width: 140px; }
    .xl\:w-\[150px\]            { width: 150px; }
    .xl\:w-\[160px\]            { width: 160px; }
    .xl\:w-\[170px\]            { width: 170px; }
    .xl\:w-\[180px\]            { width: 180px; }
    .xl\:w-\[190px\]            { width: 190px; }
    .xl\:w-\[200px\]            { width: 200px; }
    .xl\:w-\[210px\]            { width: 210px; }
    .xl\:w-\[220px\]            { width: 220px; }
    .xl\:w-\[230px\]            { width: 230px; }
    .xl\:w-\[240px\]            { width: 240px; }
    .xl\:w-\[250px\]            { width: 250px; }
    .xl\:w-\[260px\]            { width: 260px; }
    .xl\:w-\[270px\]            { width: 270px; }
    .xl\:w-\[280px\]            { width: 280px; }
    .xl\:w-\[290px\]            { width: 290px; }
    .xl\:w-\[300px\]            { width: 300px; }
    .xl\:w-\[350px\]            { width: 350px; }
    .xl\:w-\[400px\]            { width: 400px; }
    .xl\:w-\[450px\]            { width: 450px; }
    .xl\:w-\[500px\]            { width: 500px; }
    .xl\:w-\[1\]                { width: 1rem }
    .xl\:w-\[1\.5\]             { width: 1.5rem }
    .xl\:w-\[2\]                { width: 2rem }
    .xl\:w-\[2\.5\]             { width: 2.5rem }
    .xl\:w-\[3\]                { width: 3rem }
    .xl\:w-\[3\.5\]             { width: 3.5rem }
    .xl\:w-\[4\]                { width: 4rem }
    .xl\:w-\[4\.5\]             { width: 4.5rem }
    .xl\:w-\[5\]                { width: 5rem }
    .xl\:w-\[5\.5\]             { width: 5.5rem }
    .xl\:w-full                 { width: 100%; }
    .xl\:w-screen               { width: 100vw; }
    .xl\:w-max-text             { width: max-content; }
    
    .xl\:min-w-\[10\%\]         { min-width: 10%; }
    .xl\:min-w-\[20\%\]         { min-width: 20%; }
    .xl\:min-w-\[30\%\]         { min-width: 30%; }
    .xl\:min-w-\[40\%\]         { min-width: 40%; }
    .xl\:min-w-\[50\%\]         { min-width: 50%; }
    .xl\:min-w-\[60\%\]         { min-width: 60%; }
    .xl\:min-w-\[70\%\]         { min-width: 70%; }
    .xl\:min-w-\[80\%\]         { min-width: 80%; }
    .xl\:min-w-\[90\%\]         { min-width: 90%; }
    .xl\:min-w-\[100\%\]        { min-width: 100%; }
    .xl\:min-w-\[10px\]         { min-width: 10px; }
    .xl\:min-w-\[20px\]         { min-width: 20px; }
    .xl\:min-w-\[30px\]         { min-width: 30px; }
    .xl\:min-w-\[40px\]         { min-width: 40px; }
    .xl\:min-w-\[50px\]         { min-width: 50px; }
    .xl\:min-w-\[60px\]         { min-width: 60px; }
    .xl\:min-w-\[70px\]         { min-width: 70px; }
    .xl\:min-w-\[80px\]         { min-width: 80px; }
    .xl\:min-w-\[90px\]         { min-width: 90px; }
    .xl\:min-w-\[100px\]        { min-width: 100px; }
    .xl\:min-w-\[110px\]        { min-width: 110px; }
    .xl\:min-w-\[120px\]        { min-width: 120px; }
    .xl\:min-w-\[130px\]        { min-width: 130px; }
    .xl\:min-w-\[140px\]        { min-width: 140px; }
    .xl\:min-w-\[150px\]        { min-width: 150px; }
    .xl\:min-w-\[160px\]        { min-width: 160px; }
    .xl\:min-w-\[170px\]        { min-width: 170px; }
    .xl\:min-w-\[180px\]        { min-width: 180px; }
    .xl\:min-w-\[190px\]        { min-width: 190px; }
    .xl\:min-w-\[200px\]        { min-width: 200px; }
    .xl\:min-w-\[210px\]        { min-width: 210px; }
    .xl\:min-w-\[220px\]        { min-width: 220px; }
    .xl\:min-w-\[230px\]        { min-width: 230px; }
    .xl\:min-w-\[240px\]        { min-width: 240px; }
    .xl\:min-w-\[250px\]        { min-width: 250px; }
    .xl\:min-w-\[260px\]        { min-width: 260px; }
    .xl\:min-w-\[270px\]        { min-width: 270px; }
    .xl\:min-w-\[280px\]        { min-width: 280px; }
    .xl\:min-w-\[290px\]        { min-width: 290px; }
    .xl\:min-w-\[300px\]        { min-width: 300px; }
    .xl\:min-w-\[350px\]        { min-width: 350px; }
    .xl\:min-w-\[400px\]        { min-width: 400px; }
    .xl\:min-w-\[450px\]        { min-width: 450px; }
    .xl\:min-w-\[500px\]        { min-width: 500px; }
    .xl\:min-w-full             { min-width: 100%; }
    .xl\:min-w-screen           { min-width: 100vw; }
    
    .xl\:max-w-\[10\%\]         { max-width: 10%; }
    .xl\:max-w-\[20\%\]         { max-width: 20%; }
    .xl\:max-w-\[30\%\]         { max-width: 30%; }
    .xl\:max-w-\[40\%\]         { max-width: 40%; }
    .xl\:max-w-\[50\%\]         { max-width: 50%; }
    .xl\:max-w-\[60\%\]         { max-width: 60%; }
    .xl\:max-w-\[70\%\]         { max-width: 70%; }
    .xl\:max-w-\[80\%\]         { max-width: 80%; }
    .xl\:max-w-\[90\%\]         { max-width: 90%; }
    .xl\:max-w-\[100\%\]        { max-width: 100%; }
    .xl\:max-w-\[10px\]         { max-width: 10px; }
    .xl\:max-w-\[20px\]         { max-width: 20px; }
    .xl\:max-w-\[30px\]         { max-width: 30px; }
    .xl\:max-w-\[40px\]         { max-width: 40px; }
    .xl\:max-w-\[50px\]         { max-width: 50px; }
    .xl\:max-w-\[60px\]         { max-width: 60px; }
    .xl\:max-w-\[70px\]         { max-width: 70px; }
    .xl\:max-w-\[80px\]         { max-width: 80px; }
    .xl\:max-w-\[90px\]         { max-width: 90px; }
    .xl\:max-w-\[100px\]        { max-width: 100px; }
    .xl\:max-w-\[110px\]        { max-width: 110px; }
    .xl\:max-w-\[120px\]        { max-width: 120px; }
    .xl\:max-w-\[130px\]        { max-width: 130px; }
    .xl\:max-w-\[140px\]        { max-width: 140px; }
    .xl\:max-w-\[150px\]        { max-width: 150px; }
    .xl\:max-w-\[160px\]        { max-width: 160px; }
    .xl\:max-w-\[170px\]        { max-width: 170px; }
    .xl\:max-w-\[180px\]        { max-width: 180px; }
    .xl\:max-w-\[190px\]        { max-width: 190px; }
    .xl\:max-w-\[200px\]        { max-width: 200px; }
    .xl\:max-w-\[210px\]        { max-width: 210px; }
    .xl\:max-w-\[220px\]        { max-width: 220px; }
    .xl\:max-w-\[230px\]        { max-width: 230px; }
    .xl\:max-w-\[240px\]        { max-width: 240px; }
    .xl\:max-w-\[250px\]        { max-width: 250px; }
    .xl\:max-w-\[260px\]        { max-width: 260px; }
    .xl\:max-w-\[270px\]        { max-width: 270px; }
    .xl\:max-w-\[280px\]        { max-width: 280px; }
    .xl\:max-w-\[290px\]        { max-width: 290px; }
    .xl\:max-w-\[300px\]        { max-width: 300px; }
    .xl\:max-w-\[350px\]        { max-width: 350px; }
    .xl\:max-w-\[400px\]        { max-width: 400px; }
    .xl\:max-w-\[450px\]        { max-width: 450px; }
    .xl\:max-w-\[500px\]        { max-width: 500px; }
    .xl\:max-w-full             { max-width: 100%; }
    .xl\:max-w-screen           { max-width: 100vw; }
}

@media screen and (min-width: 1640px) {
    .x2l\:w-\[10\%\]             { width: 10%; }
    .x2l\:w-\[20\%\]             { width: 20%; }
    .x2l\:w-\[30\%\]             { width: 30%; }
    .x2l\:w-\[40\%\]             { width: 40%; }
    .x2l\:w-\[50\%\]             { width: 50%; }
    .x2l\:w-\[60\%\]             { width: 60%; }
    .x2l\:w-\[70\%\]             { width: 70%; }
    .x2l\:w-\[80\%\]             { width: 80%; }
    .x2l\:w-\[90\%\]             { width: 90%; }
    .x2l\:w-\[100\%\]            { width: 100%; }
    .x2l\:w-\[10px\]             { width: 10px; }
    .x2l\:w-\[20px\]             { width: 20px; }
    .x2l\:w-\[30px\]             { width: 30px; }
    .x2l\:w-\[40px\]             { width: 40px; }
    .x2l\:w-\[50px\]             { width: 50px; }
    .x2l\:w-\[60px\]             { width: 60px; }
    .x2l\:w-\[70px\]             { width: 70px; }
    .x2l\:w-\[80px\]             { width: 80px; }
    .x2l\:w-\[90px\]             { width: 90px; }
    .x2l\:w-\[100px\]            { width: 100px; }
    .x2l\:w-\[110px\]            { width: 110px; }
    .x2l\:w-\[120px\]            { width: 120px; }
    .x2l\:w-\[130px\]            { width: 130px; }
    .x2l\:w-\[140px\]            { width: 140px; }
    .x2l\:w-\[150px\]            { width: 150px; }
    .x2l\:w-\[160px\]            { width: 160px; }
    .x2l\:w-\[170px\]            { width: 170px; }
    .x2l\:w-\[180px\]            { width: 180px; }
    .x2l\:w-\[190px\]            { width: 190px; }
    .x2l\:w-\[200px\]            { width: 200px; }
    .x2l\:w-\[210px\]            { width: 210px; }
    .x2l\:w-\[220px\]            { width: 220px; }
    .x2l\:w-\[230px\]            { width: 230px; }
    .x2l\:w-\[240px\]            { width: 240px; }
    .x2l\:w-\[250px\]            { width: 250px; }
    .x2l\:w-\[260px\]            { width: 260px; }
    .x2l\:w-\[270px\]            { width: 270px; }
    .x2l\:w-\[280px\]            { width: 280px; }
    .x2l\:w-\[290px\]            { width: 290px; }
    .x2l\:w-\[300px\]            { width: 300px; }
    .x2l\:w-\[350px\]            { width: 350px; }
    .x2l\:w-\[400px\]            { width: 400px; }
    .x2l\:w-\[450px\]            { width: 450px; }
    .x2l\:w-\[500px\]            { width: 500px; }
    .x2l\:w-\[1\]                { width: 1rem }
    .x2l\:w-\[1\.5\]             { width: 1.5rem }
    .x2l\:w-\[2\]                { width: 2rem }
    .x2l\:w-\[2\.5\]             { width: 2.5rem }
    .x2l\:w-\[3\]                { width: 3rem }
    .x2l\:w-\[3\.5\]             { width: 3.5rem }
    .x2l\:w-\[4\]                { width: 4rem }
    .x2l\:w-\[4\.5\]             { width: 4.5rem }
    .x2l\:w-\[5\]                { width: 5rem }
    .x2l\:w-\[5\.5\]             { width: 5.5rem }
    .x2l\:w-full                 { width: 100%; }
    .x2l\:w-screen               { width: 100vw; }
    .x2l\:w-max-text             { width: max-content; }
    
    .x2l\:min-w-\[10\%\]         { min-width: 10%; }
    .x2l\:min-w-\[20\%\]         { min-width: 20%; }
    .x2l\:min-w-\[30\%\]         { min-width: 30%; }
    .x2l\:min-w-\[40\%\]         { min-width: 40%; }
    .x2l\:min-w-\[50\%\]         { min-width: 50%; }
    .x2l\:min-w-\[60\%\]         { min-width: 60%; }
    .x2l\:min-w-\[70\%\]         { min-width: 70%; }
    .x2l\:min-w-\[80\%\]         { min-width: 80%; }
    .x2l\:min-w-\[90\%\]         { min-width: 90%; }
    .x2l\:min-w-\[100\%\]        { min-width: 100%; }
    .x2l\:min-w-\[10px\]         { min-width: 10px; }
    .x2l\:min-w-\[20px\]         { min-width: 20px; }
    .x2l\:min-w-\[30px\]         { min-width: 30px; }
    .x2l\:min-w-\[40px\]         { min-width: 40px; }
    .x2l\:min-w-\[50px\]         { min-width: 50px; }
    .x2l\:min-w-\[60px\]         { min-width: 60px; }
    .x2l\:min-w-\[70px\]         { min-width: 70px; }
    .x2l\:min-w-\[80px\]         { min-width: 80px; }
    .x2l\:min-w-\[90px\]         { min-width: 90px; }
    .x2l\:min-w-\[100px\]        { min-width: 100px; }
    .x2l\:min-w-\[110px\]        { min-width: 110px; }
    .x2l\:min-w-\[120px\]        { min-width: 120px; }
    .x2l\:min-w-\[130px\]        { min-width: 130px; }
    .x2l\:min-w-\[140px\]        { min-width: 140px; }
    .x2l\:min-w-\[150px\]        { min-width: 150px; }
    .x2l\:min-w-\[160px\]        { min-width: 160px; }
    .x2l\:min-w-\[170px\]        { min-width: 170px; }
    .x2l\:min-w-\[180px\]        { min-width: 180px; }
    .x2l\:min-w-\[190px\]        { min-width: 190px; }
    .x2l\:min-w-\[200px\]        { min-width: 200px; }
    .x2l\:min-w-\[210px\]        { min-width: 210px; }
    .x2l\:min-w-\[220px\]        { min-width: 220px; }
    .x2l\:min-w-\[230px\]        { min-width: 230px; }
    .x2l\:min-w-\[240px\]        { min-width: 240px; }
    .x2l\:min-w-\[250px\]        { min-width: 250px; }
    .x2l\:min-w-\[260px\]        { min-width: 260px; }
    .x2l\:min-w-\[270px\]        { min-width: 270px; }
    .x2l\:min-w-\[280px\]        { min-width: 280px; }
    .x2l\:min-w-\[290px\]        { min-width: 290px; }
    .x2l\:min-w-\[300px\]        { min-width: 300px; }
    .x2l\:min-w-\[350px\]        { min-width: 350px; }
    .x2l\:min-w-\[400px\]        { min-width: 400px; }
    .x2l\:min-w-\[450px\]        { min-width: 450px; }
    .x2l\:min-w-\[500px\]        { min-width: 500px; }
    .x2l\:min-w-full             { min-width: 100%; }
    .x2l\:min-w-screen           { min-width: 100vw; }
    
    .x2l\:max-w-\[10\%\]         { max-width: 10%; }
    .x2l\:max-w-\[20\%\]         { max-width: 20%; }
    .x2l\:max-w-\[30\%\]         { max-width: 30%; }
    .x2l\:max-w-\[40\%\]         { max-width: 40%; }
    .x2l\:max-w-\[50\%\]         { max-width: 50%; }
    .x2l\:max-w-\[60\%\]         { max-width: 60%; }
    .x2l\:max-w-\[70\%\]         { max-width: 70%; }
    .x2l\:max-w-\[80\%\]         { max-width: 80%; }
    .x2l\:max-w-\[90\%\]         { max-width: 90%; }
    .x2l\:max-w-\[100\%\]        { max-width: 100%; }
    .x2l\:max-w-\[10px\]         { max-width: 10px; }
    .x2l\:max-w-\[20px\]         { max-width: 20px; }
    .x2l\:max-w-\[30px\]         { max-width: 30px; }
    .x2l\:max-w-\[40px\]         { max-width: 40px; }
    .x2l\:max-w-\[50px\]         { max-width: 50px; }
    .x2l\:max-w-\[60px\]         { max-width: 60px; }
    .x2l\:max-w-\[70px\]         { max-width: 70px; }
    .x2l\:max-w-\[80px\]         { max-width: 80px; }
    .x2l\:max-w-\[90px\]         { max-width: 90px; }
    .x2l\:max-w-\[100px\]        { max-width: 100px; }
    .x2l\:max-w-\[110px\]        { max-width: 110px; }
    .x2l\:max-w-\[120px\]        { max-width: 120px; }
    .x2l\:max-w-\[130px\]        { max-width: 130px; }
    .x2l\:max-w-\[140px\]        { max-width: 140px; }
    .x2l\:max-w-\[150px\]        { max-width: 150px; }
    .x2l\:max-w-\[160px\]        { max-width: 160px; }
    .x2l\:max-w-\[170px\]        { max-width: 170px; }
    .x2l\:max-w-\[180px\]        { max-width: 180px; }
    .x2l\:max-w-\[190px\]        { max-width: 190px; }
    .x2l\:max-w-\[200px\]        { max-width: 200px; }
    .x2l\:max-w-\[210px\]        { max-width: 210px; }
    .x2l\:max-w-\[220px\]        { max-width: 220px; }
    .x2l\:max-w-\[230px\]        { max-width: 230px; }
    .x2l\:max-w-\[240px\]        { max-width: 240px; }
    .x2l\:max-w-\[250px\]        { max-width: 250px; }
    .x2l\:max-w-\[260px\]        { max-width: 260px; }
    .x2l\:max-w-\[270px\]        { max-width: 270px; }
    .x2l\:max-w-\[280px\]        { max-width: 280px; }
    .x2l\:max-w-\[290px\]        { max-width: 290px; }
    .x2l\:max-w-\[300px\]        { max-width: 300px; }
    .x2l\:max-w-\[350px\]        { max-width: 350px; }
    .x2l\:max-w-\[400px\]        { max-width: 400px; }
    .x2l\:max-w-\[450px\]        { max-width: 450px; }
    .x2l\:max-w-\[500px\]        { max-width: 500px; }
    .x2l\:max-w-full             { max-width: 100%; }
    .x2l\:max-w-screen           { max-width: 100vw; }
}


/* Height */
.h-\[10\%\]                     { height: 10%; }
.h-\[20\%\]                     { height: 20%; }
.h-\[30\%\]                     { height: 30%; }
.h-\[40\%\]                     { height: 40%; }
.h-\[50\%\]                     { height: 50%; }
.h-\[60\%\]                     { height: 60%; }
.h-\[70\%\]                     { height: 70%; }
.h-\[80\%\]                     { height: 80%; }
.h-\[90\%\]                     { height: 90%; }
.h-\[100\%\]                    { height: 100%; }
.h-\[10px\]                     { height: 10px; }
.h-\[20px\]                     { height: 20px; }
.h-\[30px\]                     { height: 30px; }
.h-\[40px\]                     { height: 40px; }
.h-\[50px\]                     { height: 50px; }
.h-\[60px\]                     { height: 60px; }
.h-\[70px\]                     { height: 70px; }
.h-\[80px\]                     { height: 80px; }
.h-\[90px\]                     { height: 90px; }
.h-\[100px\]                    { height: 100px; }
.h-\[110px\]                    { height: 110px; }
.h-\[120px\]                    { height: 120px; }
.h-\[130px\]                    { height: 130px; }
.h-\[140px\]                    { height: 140px; }
.h-\[150px\]                    { height: 150px; }
.h-\[160px\]                    { height: 160px; }
.h-\[170px\]                    { height: 170px; }
.h-\[180px\]                    { height: 180px; }
.h-\[190px\]                    { height: 190px; }
.h-\[200px\]                    { height: 200px; }
.h-\[210px\]                    { height: 210px; }
.h-\[220px\]                    { height: 220px; }
.h-\[230px\]                    { height: 230px; }
.h-\[240px\]                    { height: 240px; }
.h-\[250px\]                    { height: 250px; }
.h-\[260px\]                    { height: 260px; }
.h-\[270px\]                    { height: 270px; }
.h-\[280px\]                    { height: 280px; }
.h-\[290px\]                    { height: 290px; }
.h-\[300px\]                    { height: 300px; }
.h-\[350px\]                    { height: 350px; }
.h-\[400px\]                    { height: 400px; }
.h-\[450px\]                    { height: 450px; }
.h-\[500px\]                    { height: 500px; }
.h-\[550px\]                    { height: 550px; }
.h-\[600px\]                    { height: 600px; }
.h-\[650px\]                    { height: 650px; }
.h-\[700px\]                    { height: 700px; }
.h-\[750px\]                    { height: 750px; }
.h-\[800px\]                    { height: 800px; }
.h-\[850px\]                    { height: 850px; }
.h-\[900px\]                    { height: 900px; }
.h-\[950px\]                    { height: 950px; }
.h-\[1000px\]                   { height: 1000px; }
.h-\[10vh\]                     { height: 10vh; }
.h-\[15vh\]                     { height: 15vh; }
.h-\[20vh\]                     { height: 20vh; }
.h-\[25vh\]                     { height: 25vh; }
.h-\[30vh\]                     { height: 30vh; }
.h-\[35vh\]                     { height: 35vh; }
.h-\[40vh\]                     { height: 40vh; }
.h-\[45vh\]                     { height: 45vh; }
.h-\[50vh\]                     { height: 50vh; }
.h-\[55vh\]                     { height: 55vh; }
.h-\[60vh\]                     { height: 60vh; }
.h-\[65vh\]                     { height: 65vh; }
.h-\[70vh\]                     { height: 70vh; }
.h-\[75vh\]                     { height: 75vh; }
.h-\[80vh\]                     { height: 80vh; }
.h-\[85vh\]                     { height: 85vh; }
.h-\[90vh\]                     { height: 90vh; }
.h-\[95vh\]                     { height: 95vh; }
.h-\[100vh\]                    { height: 100vh; }
.h-\[1\]                        { height: 1rem; }
.h-\[1\.5\]                     { height: 1.5rem; }
.h-\[2\]                        { height: 2rem; }
.h-\[2\.5\]                     { height: 2.5rem; }
.h-\[3\]                        { height: 3rem; }
.h-\[3\.5\]                     { height: 3.5rem; }
.h-\[4\]                        { height: 4rem; }
.h-\[4\.5\]                     { height: 4.5rem; }
.h-\[5\]                        { height: 5rem; }
.h-\[5\.5\]                     { height: 5.5rem; }
.h-full                         { height: 100%; }
.h-screen                       { height: 100vh; }

.min-h-\[10\%\]                 { min-height: 10%; }
.min-h-\[20\%\]                 { min-height: 20%; }
.min-h-\[30\%\]                 { min-height: 30%; }
.min-h-\[40\%\]                 { min-height: 40%; }
.min-h-\[50\%\]                 { min-height: 50%; }
.min-h-\[60\%\]                 { min-height: 60%; }
.min-h-\[70\%\]                 { min-height: 70%; }
.min-h-\[80\%\]                 { min-height: 80%; }
.min-h-\[90\%\]                 { min-height: 90%; }
.min-h-\[100\%\]                { min-height: 100%; }
.min-h-\[10px\]                 { min-height: 10px; }
.min-h-\[20px\]                 { min-height: 20px; }
.min-h-\[30px\]                 { min-height: 30px; }
.min-h-\[40px\]                 { min-height: 40px; }
.min-h-\[50px\]                 { min-height: 50px; }
.min-h-\[60px\]                 { min-height: 60px; }
.min-h-\[70px\]                 { min-height: 70px; }
.min-h-\[80px\]                 { min-height: 80px; }
.min-h-\[90px\]                 { min-height: 90px; }
.min-h-\[100px\]                { min-height: 100px; }
.min-h-\[110px\]                { min-height: 110px; }
.min-h-\[120px\]                { min-height: 120px; }
.min-h-\[130px\]                { min-height: 130px; }
.min-h-\[140px\]                { min-height: 140px; }
.min-h-\[150px\]                { min-height: 150px; }
.min-h-\[160px\]                { min-height: 160px; }
.min-h-\[170px\]                { min-height: 170px; }
.min-h-\[180px\]                { min-height: 180px; }
.min-h-\[190px\]                { min-height: 190px; }
.min-h-\[200px\]                { min-height: 200px; }
.min-h-\[210px\]                { min-height: 210px; }
.min-h-\[220px\]                { min-height: 220px; }
.min-h-\[230px\]                { min-height: 230px; }
.min-h-\[240px\]                { min-height: 240px; }
.min-h-\[250px\]                { min-height: 250px; }
.min-h-\[260px\]                { min-height: 260px; }
.min-h-\[270px\]                { min-height: 270px; }
.min-h-\[280px\]                { min-height: 280px; }
.min-h-\[290px\]                { min-height: 290px; }
.min-h-\[300px\]                { min-height: 300px; }
.min-h-\[350px\]                { min-height: 350px; }
.min-h-\[400px\]                { min-height: 400px; }
.min-h-\[450px\]                { min-height: 450px; }
.min-h-\[500px\]                { min-height: 500px; }
.min-h-\[550px\]                { min-height: 550px; }
.min-h-\[600px\]                { min-height: 600px; }
.min-h-\[650px\]                { min-height: 650px; }
.min-h-\[700px\]                { min-height: 700px; }
.min-h-\[750px\]                { min-height: 750px; }
.min-h-\[800px\]                { min-height: 800px; }
.min-h-\[850px\]                { min-height: 850px; }
.min-h-\[900px\]                { min-height: 900px; }
.min-h-\[950px\]                { min-height: 950px; }
.min-h-\[1000px\]               { min-height: 1000px; }
.min-h-\[10vh\]                 { min-height: 10vh; }
.min-h-\[15vh\]                 { min-height: 15vh; }
.min-h-\[20vh\]                 { min-height: 20vh; }
.min-h-\[25vh\]                 { min-height: 25vh; }
.min-h-\[30vh\]                 { min-height: 30vh; }
.min-h-\[35vh\]                 { min-height: 35vh; }
.min-h-\[40vh\]                 { min-height: 40vh; }
.min-h-\[45vh\]                 { min-height: 45vh; }
.min-h-\[50vh\]                 { min-height: 50vh; }
.min-h-\[55vh\]                 { min-height: 55vh; }
.min-h-\[60vh\]                 { min-height: 60vh; }
.min-h-\[65vh\]                 { min-height: 65vh; }
.min-h-\[70vh\]                 { min-height: 70vh; }
.min-h-\[75vh\]                 { min-height: 75vh; }
.min-h-\[80vh\]                 { min-height: 80vh; }
.min-h-\[85vh\]                 { min-height: 85vh; }
.min-h-\[90vh\]                 { min-height: 90vh; }
.min-h-\[95vh\]                 { min-height: 95vh; }
.min-h-\[100vh\]                { min-height: 100vh; }
.min-h-\[1\]                    { min-height: 1rem; }
.min-h-\[1\.5\]                 { min-height: 1.5rem; }
.min-h-\[2\]                    { min-height: 2rem; }
.min-h-\[2\.5\]                 { min-height: 2.5rem; }
.min-h-\[3\]                    { min-height: 3rem; }
.min-h-\[3\.5\]                 { min-height: 3.5rem; }
.min-h-\[4\]                    { min-height: 4rem; }
.min-h-\[4\.5\]                 { min-height: 4.5rem; }
.min-h-\[5\]                    { min-height: 5rem; }
.min-h-\[5\.5\]                 { min-height: 5.5rem; }
.min-h-full                     { min-height: 100%; }
.min-h-screen                   { min-height: 100vh; }

.max-h-\[10\%\]                 { max-height: 10%; }
.max-h-\[20\%\]                 { max-height: 20%; }
.max-h-\[30\%\]                 { max-height: 30%; }
.max-h-\[40\%\]                 { max-height: 40%; }
.max-h-\[50\%\]                 { max-height: 50%; }
.max-h-\[60\%\]                 { max-height: 60%; }
.max-h-\[70\%\]                 { max-height: 70%; }
.max-h-\[80\%\]                 { max-height: 80%; }
.max-h-\[90\%\]                 { max-height: 90%; }
.max-h-\[100\%\]                { max-height: 100%; }
.max-h-\[10px\]                 { max-height: 10px; }
.max-h-\[20px\]                 { max-height: 20px; }
.max-h-\[30px\]                 { max-height: 30px; }
.max-h-\[40px\]                 { max-height: 40px; }
.max-h-\[50px\]                 { max-height: 50px; }
.max-h-\[60px\]                 { max-height: 60px; }
.max-h-\[70px\]                 { max-height: 70px; }
.max-h-\[80px\]                 { max-height: 80px; }
.max-h-\[90px\]                 { max-height: 90px; }
.max-h-\[100px\]                { max-height: 100px; }
.max-h-\[110px\]                { max-height: 110px; }
.max-h-\[120px\]                { max-height: 120px; }
.max-h-\[130px\]                { max-height: 130px; }
.max-h-\[140px\]                { max-height: 140px; }
.max-h-\[150px\]                { max-height: 150px; }
.max-h-\[160px\]                { max-height: 160px; }
.max-h-\[170px\]                { max-height: 170px; }
.max-h-\[180px\]                { max-height: 180px; }
.max-h-\[190px\]                { max-height: 190px; }
.max-h-\[200px\]                { max-height: 200px; }
.max-h-\[210px\]                { max-height: 210px; }
.max-h-\[220px\]                { max-height: 220px; }
.max-h-\[230px\]                { max-height: 230px; }
.max-h-\[240px\]                { max-height: 240px; }
.max-h-\[250px\]                { max-height: 250px; }
.max-h-\[260px\]                { max-height: 260px; }
.max-h-\[270px\]                { max-height: 270px; }
.max-h-\[280px\]                { max-height: 280px; }
.max-h-\[290px\]                { max-height: 290px; }
.max-h-\[300px\]                { max-height: 300px; }
.max-h-\[350px\]                { max-height: 350px; }
.max-h-\[400px\]                { max-height: 400px; }
.max-h-\[450px\]                { max-height: 450px; }
.max-h-\[500px\]                { max-height: 500px; }
.max-h-\[550px\]                { max-height: 550px; }
.max-h-\[600px\]                { max-height: 600px; }
.max-h-\[650px\]                { max-height: 650px; }
.max-h-\[700px\]                { max-height: 700px; }
.max-h-\[750px\]                { max-height: 750px; }
.max-h-\[800px\]                { max-height: 800px; }
.max-h-\[850px\]                { max-height: 850px; }
.max-h-\[900px\]                { max-height: 900px; }
.max-h-\[950px\]                { max-height: 950px; }
.max-h-\[1000px\]               { max-height: 1000px; }
.max-h-\[10vh\]                 { max-height: 10vh; }
.max-h-\[15vh\]                 { max-height: 15vh; }
.max-h-\[20vh\]                 { max-height: 20vh; }
.max-h-\[25vh\]                 { max-height: 25vh; }
.max-h-\[30vh\]                 { max-height: 30vh; }
.max-h-\[35vh\]                 { max-height: 35vh; }
.max-h-\[40vh\]                 { max-height: 40vh; }
.max-h-\[45vh\]                 { max-height: 45vh; }
.max-h-\[50vh\]                 { max-height: 50vh; }
.max-h-\[55vh\]                 { max-height: 55vh; }
.max-h-\[60vh\]                 { max-height: 60vh; }
.max-h-\[65vh\]                 { max-height: 65vh; }
.max-h-\[70vh\]                 { max-height: 70vh; }
.max-h-\[75vh\]                 { max-height: 75vh; }
.max-h-\[80vh\]                 { max-height: 80vh; }
.max-h-\[85vh\]                 { max-height: 85vh; }
.max-h-\[90vh\]                 { max-height: 90vh; }
.max-h-\[95vh\]                 { max-height: 95vh; }
.max-h-\[100vh\]                { max-height: 100vh; }
.max-h-\[1\]                    { max-height: 1rem; }
.max-h-\[1\.5\]                 { max-height: 1.5rem; }
.max-h-\[2\]                    { max-height: 2rem; }
.max-h-\[2\.5\]                 { max-height: 2.5rem; }
.max-h-\[3\]                    { max-height: 3rem; }
.max-h-\[3\.5\]                 { max-height: 3.5rem; }
.max-h-\[4\]                    { max-height: 4rem; }
.max-h-\[4\.5\]                 { max-height: 4.5rem; }
.max-h-\[5\]                    { max-height: 5rem; }
.max-h-\[5\.5\]                 { max-height: 5.5rem; }
.max-h-full                     { max-height: 100%; }
.max-h-screen                   { max-height: 100vh; }

@media screen and (min-width: 768px) {
    .md\:h-\[10\%\]             { height: 10%; }
    .md\:h-\[20\%\]             { height: 20%; }
    .md\:h-\[30\%\]             { height: 30%; }
    .md\:h-\[40\%\]             { height: 40%; }
    .md\:h-\[50\%\]             { height: 50%; }
    .md\:h-\[60\%\]             { height: 60%; }
    .md\:h-\[70\%\]             { height: 70%; }
    .md\:h-\[80\%\]             { height: 80%; }
    .md\:h-\[90\%\]             { height: 90%; }
    .md\:h-\[100\%\]            { height: 100%; }
    .md\:h-\[10px\]             { height: 10px; }
    .md\:h-\[20px\]             { height: 20px; }
    .md\:h-\[30px\]             { height: 30px; }
    .md\:h-\[40px\]             { height: 40px; }
    .md\:h-\[50px\]             { height: 50px; }
    .md\:h-\[60px\]             { height: 60px; }
    .md\:h-\[70px\]             { height: 70px; }
    .md\:h-\[80px\]             { height: 80px; }
    .md\:h-\[90px\]             { height: 90px; }
    .md\:h-\[100px\]            { height: 100px; }
    .md\:h-\[110px\]            { height: 110px; }
    .md\:h-\[120px\]            { height: 120px; }
    .md\:h-\[130px\]            { height: 130px; }
    .md\:h-\[140px\]            { height: 140px; }
    .md\:h-\[150px\]            { height: 150px; }
    .md\:h-\[160px\]            { height: 160px; }
    .md\:h-\[170px\]            { height: 170px; }
    .md\:h-\[180px\]            { height: 180px; }
    .md\:h-\[190px\]            { height: 190px; }
    .md\:h-\[200px\]            { height: 200px; }
    .md\:h-\[210px\]            { height: 210px; }
    .md\:h-\[220px\]            { height: 220px; }
    .md\:h-\[230px\]            { height: 230px; }
    .md\:h-\[240px\]            { height: 240px; }
    .md\:h-\[250px\]            { height: 250px; }
    .md\:h-\[260px\]            { height: 260px; }
    .md\:h-\[270px\]            { height: 270px; }
    .md\:h-\[280px\]            { height: 280px; }
    .md\:h-\[290px\]            { height: 290px; }
    .md\:h-\[300px\]            { height: 300px; }
    .md\:h-\[350px\]            { height: 350px; }
    .md\:h-\[400px\]            { height: 400px; }
    .md\:h-\[450px\]            { height: 450px; }
    .md\:h-\[500px\]            { height: 500px; }
    .md\:h-\[550px\]            { height: 550px; }
    .md\:h-\[600px\]            { height: 600px; }
    .md\:h-\[650px\]            { height: 650px; }
    .md\:h-\[700px\]            { height: 700px; }
    .md\:h-\[750px\]            { height: 750px; }
    .md\:h-\[800px\]            { height: 800px; }
    .md\:h-\[850px\]            { height: 850px; }
    .md\:h-\[900px\]            { height: 900px; }
    .md\:h-\[950px\]            { height: 950px; }
    .md\:h-\[1000px\]           { height: 1000px; }
    .md\:h-\[10vh\]             { height: 10vh; }
    .md\:h-\[15vh\]             { height: 15vh; }
    .md\:h-\[20vh\]             { height: 20vh; }
    .md\:h-\[25vh\]             { height: 25vh; }
    .md\:h-\[30vh\]             { height: 30vh; }
    .md\:h-\[35vh\]             { height: 35vh; }
    .md\:h-\[40vh\]             { height: 40vh; }
    .md\:h-\[45vh\]             { height: 45vh; }
    .md\:h-\[50vh\]             { height: 50vh; }
    .md\:h-\[55vh\]             { height: 55vh; }
    .md\:h-\[60vh\]             { height: 60vh; }
    .md\:h-\[65vh\]             { height: 65vh; }
    .md\:h-\[70vh\]             { height: 70vh; }
    .md\:h-\[75vh\]             { height: 75vh; }
    .md\:h-\[80vh\]             { height: 80vh; }
    .md\:h-\[85vh\]             { height: 85vh; }
    .md\:h-\[90vh\]             { height: 90vh; }
    .md\:h-\[95vh\]             { height: 95vh; }
    .md\:h-\[100vh\]            { height: 100vh; }
    .md\:h-\[1\]                { height: 1rem; }
    .md\:h-\[1\.5\]             { height: 1.5rem; }
    .md\:h-\[2\]                { height: 2rem; }
    .md\:h-\[2\.5\]             { height: 2.5rem; }
    .md\:h-\[3\]                { height: 3rem; }
    .md\:h-\[3\.5\]             { height: 3.5rem; }
    .md\:h-\[4\]                { height: 4rem; }
    .md\:h-\[4\.5\]             { height: 4.5rem; }
    .md\:h-\[5\]                { height: 5rem; }
    .md\:h-\[5\.5\]             { height: 5.5rem; }
    .md\:h-full                 { height: 100%; }
    .md\:h-screen               { height: 100vh; }
    
    .md\:min-h-\[10\%\]         { min-height: 10%; }
    .md\:min-h-\[20\%\]         { min-height: 20%; }
    .md\:min-h-\[30\%\]         { min-height: 30%; }
    .md\:min-h-\[40\%\]         { min-height: 40%; }
    .md\:min-h-\[50\%\]         { min-height: 50%; }
    .md\:min-h-\[60\%\]         { min-height: 60%; }
    .md\:min-h-\[70\%\]         { min-height: 70%; }
    .md\:min-h-\[80\%\]         { min-height: 80%; }
    .md\:min-h-\[90\%\]         { min-height: 90%; }
    .md\:min-h-\[100\%\]        { min-height: 100%; }
    .md\:min-h-\[10px\]         { min-height: 10px; }
    .md\:min-h-\[20px\]         { min-height: 20px; }
    .md\:min-h-\[30px\]         { min-height: 30px; }
    .md\:min-h-\[40px\]         { min-height: 40px; }
    .md\:min-h-\[50px\]         { min-height: 50px; }
    .md\:min-h-\[60px\]         { min-height: 60px; }
    .md\:min-h-\[70px\]         { min-height: 70px; }
    .md\:min-h-\[80px\]         { min-height: 80px; }
    .md\:min-h-\[90px\]         { min-height: 90px; }
    .md\:min-h-\[100px\]        { min-height: 100px; }
    .md\:min-h-\[110px\]        { min-height: 110px; }
    .md\:min-h-\[120px\]        { min-height: 120px; }
    .md\:min-h-\[130px\]        { min-height: 130px; }
    .md\:min-h-\[140px\]        { min-height: 140px; }
    .md\:min-h-\[150px\]        { min-height: 150px; }
    .md\:min-h-\[160px\]        { min-height: 160px; }
    .md\:min-h-\[170px\]        { min-height: 170px; }
    .md\:min-h-\[180px\]        { min-height: 180px; }
    .md\:min-h-\[190px\]        { min-height: 190px; }
    .md\:min-h-\[200px\]        { min-height: 200px; }
    .md\:min-h-\[210px\]        { min-height: 210px; }
    .md\:min-h-\[220px\]        { min-height: 220px; }
    .md\:min-h-\[230px\]        { min-height: 230px; }
    .md\:min-h-\[240px\]        { min-height: 240px; }
    .md\:min-h-\[250px\]        { min-height: 250px; }
    .md\:min-h-\[260px\]        { min-height: 260px; }
    .md\:min-h-\[270px\]        { min-height: 270px; }
    .md\:min-h-\[280px\]        { min-height: 280px; }
    .md\:min-h-\[290px\]        { min-height: 290px; }
    .md\:min-h-\[300px\]        { min-height: 300px; }
    .md\:min-h-\[350px\]        { min-height: 350px; }
    .md\:min-h-\[400px\]        { min-height: 400px; }
    .md\:min-h-\[450px\]        { min-height: 450px; }
    .md\:min-h-\[500px\]        { min-height: 500px; }
    .md\:min-h-\[550px\]        { min-height: 550px; }
    .md\:min-h-\[600px\]        { min-height: 600px; }
    .md\:min-h-\[650px\]        { min-height: 650px; }
    .md\:min-h-\[700px\]        { min-height: 700px; }
    .md\:min-h-\[750px\]        { min-height: 750px; }
    .md\:min-h-\[800px\]        { min-height: 800px; }
    .md\:min-h-\[850px\]        { min-height: 850px; }
    .md\:min-h-\[900px\]        { min-height: 900px; }
    .md\:min-h-\[950px\]        { min-height: 950px; }
    .md\:min-h-\[1000px\]       { min-height: 1000px; }
    .md\:min-h-\[10vh\]         { min-height: 10vh; }
    .md\:min-h-\[15vh\]         { min-height: 15vh; }
    .md\:min-h-\[20vh\]         { min-height: 20vh; }
    .md\:min-h-\[25vh\]         { min-height: 25vh; }
    .md\:min-h-\[30vh\]         { min-height: 30vh; }
    .md\:min-h-\[35vh\]         { min-height: 35vh; }
    .md\:min-h-\[40vh\]         { min-height: 40vh; }
    .md\:min-h-\[45vh\]         { min-height: 45vh; }
    .md\:min-h-\[50vh\]         { min-height: 50vh; }
    .md\:min-h-\[55vh\]         { min-height: 55vh; }
    .md\:min-h-\[60vh\]         { min-height: 60vh; }
    .md\:min-h-\[65vh\]         { min-height: 65vh; }
    .md\:min-h-\[70vh\]         { min-height: 70vh; }
    .md\:min-h-\[75vh\]         { min-height: 75vh; }
    .md\:min-h-\[80vh\]         { min-height: 80vh; }
    .md\:min-h-\[85vh\]         { min-height: 85vh; }
    .md\:min-h-\[90vh\]         { min-height: 90vh; }
    .md\:min-h-\[95vh\]         { min-height: 95vh; }
    .md\:min-h-\[100vh\]        { min-height: 100vh; }
    .md\:min-h-\[1\]            { min-height: 1rem; }
    .md\:min-h-\[1\.5\]         { min-height: 1.5rem; }
    .md\:min-h-\[2\]            { min-height: 2rem; }
    .md\:min-h-\[2\.5\]         { min-height: 2.5rem; }
    .md\:min-h-\[3\]            { min-height: 3rem; }
    .md\:min-h-\[3\.5\]         { min-height: 3.5rem; }
    .md\:min-h-\[4\]            { min-height: 4rem; }
    .md\:min-h-\[4\.5\]         { min-height: 4.5rem; }
    .md\:min-h-\[5\]            { min-height: 5rem; }
    .md\:min-h-\[5\.5\]         { min-height: 5.5rem; }
    .md\:min-h-full             { min-height: 100%; }
    .md\:min-h-screen           { min-height: 100vh; }
    
    .md\:max-h-\[10\%\]         { max-height: 10%; }
    .md\:max-h-\[20\%\]         { max-height: 20%; }
    .md\:max-h-\[30\%\]         { max-height: 30%; }
    .md\:max-h-\[40\%\]         { max-height: 40%; }
    .md\:max-h-\[50\%\]         { max-height: 50%; }
    .md\:max-h-\[60\%\]         { max-height: 60%; }
    .md\:max-h-\[70\%\]         { max-height: 70%; }
    .md\:max-h-\[80\%\]         { max-height: 80%; }
    .md\:max-h-\[90\%\]         { max-height: 90%; }
    .md\:max-h-\[100\%\]        { max-height: 100%; }
    .md\:max-h-\[10px\]         { max-height: 10px; }
    .md\:max-h-\[20px\]         { max-height: 20px; }
    .md\:max-h-\[30px\]         { max-height: 30px; }
    .md\:max-h-\[40px\]         { max-height: 40px; }
    .md\:max-h-\[50px\]         { max-height: 50px; }
    .md\:max-h-\[60px\]         { max-height: 60px; }
    .md\:max-h-\[70px\]         { max-height: 70px; }
    .md\:max-h-\[80px\]         { max-height: 80px; }
    .md\:max-h-\[90px\]         { max-height: 90px; }
    .md\:max-h-\[100px\]        { max-height: 100px; }
    .md\:max-h-\[110px\]        { max-height: 110px; }
    .md\:max-h-\[120px\]        { max-height: 120px; }
    .md\:max-h-\[130px\]        { max-height: 130px; }
    .md\:max-h-\[140px\]        { max-height: 140px; }
    .md\:max-h-\[150px\]        { max-height: 150px; }
    .md\:max-h-\[160px\]        { max-height: 160px; }
    .md\:max-h-\[170px\]        { max-height: 170px; }
    .md\:max-h-\[180px\]        { max-height: 180px; }
    .md\:max-h-\[190px\]        { max-height: 190px; }
    .md\:max-h-\[200px\]        { max-height: 200px; }
    .md\:max-h-\[210px\]        { max-height: 210px; }
    .md\:max-h-\[220px\]        { max-height: 220px; }
    .md\:max-h-\[230px\]        { max-height: 230px; }
    .md\:max-h-\[240px\]        { max-height: 240px; }
    .md\:max-h-\[250px\]        { max-height: 250px; }
    .md\:max-h-\[260px\]        { max-height: 260px; }
    .md\:max-h-\[270px\]        { max-height: 270px; }
    .md\:max-h-\[280px\]        { max-height: 280px; }
    .md\:max-h-\[290px\]        { max-height: 290px; }
    .md\:max-h-\[300px\]        { max-height: 300px; }
    .md\:max-h-\[350px\]        { max-height: 350px; }
    .md\:max-h-\[400px\]        { max-height: 400px; }
    .md\:max-h-\[450px\]        { max-height: 450px; }
    .md\:max-h-\[500px\]        { max-height: 500px; }
    .md\:max-h-\[550px\]        { max-height: 550px; }
    .md\:max-h-\[600px\]        { max-height: 600px; }
    .md\:max-h-\[650px\]        { max-height: 650px; }
    .md\:max-h-\[700px\]        { max-height: 700px; }
    .md\:max-h-\[750px\]        { max-height: 750px; }
    .md\:max-h-\[800px\]        { max-height: 800px; }
    .md\:max-h-\[850px\]        { max-height: 850px; }
    .md\:max-h-\[900px\]        { max-height: 900px; }
    .md\:max-h-\[950px\]        { max-height: 950px; }
    .md\:max-h-\[1000px\]       { max-height: 1000px; }
    .md\:max-h-\[10vh\]         { max-height: 10vh; }
    .md\:max-h-\[15vh\]         { max-height: 15vh; }
    .md\:max-h-\[20vh\]         { max-height: 20vh; }
    .md\:max-h-\[25vh\]         { max-height: 25vh; }
    .md\:max-h-\[30vh\]         { max-height: 30vh; }
    .md\:max-h-\[35vh\]         { max-height: 35vh; }
    .md\:max-h-\[40vh\]         { max-height: 40vh; }
    .md\:max-h-\[45vh\]         { max-height: 45vh; }
    .md\:max-h-\[50vh\]         { max-height: 50vh; }
    .md\:max-h-\[55vh\]         { max-height: 55vh; }
    .md\:max-h-\[60vh\]         { max-height: 60vh; }
    .md\:max-h-\[65vh\]         { max-height: 65vh; }
    .md\:max-h-\[70vh\]         { max-height: 70vh; }
    .md\:max-h-\[75vh\]         { max-height: 75vh; }
    .md\:max-h-\[80vh\]         { max-height: 80vh; }
    .md\:max-h-\[85vh\]         { max-height: 85vh; }
    .md\:max-h-\[90vh\]         { max-height: 90vh; }
    .md\:max-h-\[95vh\]         { max-height: 95vh; }
    .md\:max-h-\[100vh\]        { max-height: 100vh; }
    .md\:max-h-\[1\]            { max-height: 1rem; }
    .md\:max-h-\[1\.5\]         { max-height: 1.5rem; }
    .md\:max-h-\[2\]            { max-height: 2rem; }
    .md\:max-h-\[2\.5\]         { max-height: 2.5rem; }
    .md\:max-h-\[3\]            { max-height: 3rem; }
    .md\:max-h-\[3\.5\]         { max-height: 3.5rem; }
    .md\:max-h-\[4\]            { max-height: 4rem; }
    .md\:max-h-\[4\.5\]         { max-height: 4.5rem; }
    .md\:max-h-\[5\]            { max-height: 5rem; }
    .md\:max-h-\[5\.5\]         { max-height: 5.5rem; }
    .md\:max-h-full             { max-height: 100%; }
    .md\:max-h-screen           { max-height: 100vh; }
}

@media screen and (min-width: 1024px) {
    .lg\:h-\[10\%\]             { height: 10%; }
    .lg\:h-\[20\%\]             { height: 20%; }
    .lg\:h-\[30\%\]             { height: 30%; }
    .lg\:h-\[40\%\]             { height: 40%; }
    .lg\:h-\[50\%\]             { height: 50%; }
    .lg\:h-\[60\%\]             { height: 60%; }
    .lg\:h-\[70\%\]             { height: 70%; }
    .lg\:h-\[80\%\]             { height: 80%; }
    .lg\:h-\[90\%\]             { height: 90%; }
    .lg\:h-\[100\%\]            { height: 100%; }
    .lg\:h-\[10px\]             { height: 10px; }
    .lg\:h-\[20px\]             { height: 20px; }
    .lg\:h-\[30px\]             { height: 30px; }
    .lg\:h-\[40px\]             { height: 40px; }
    .lg\:h-\[50px\]             { height: 50px; }
    .lg\:h-\[60px\]             { height: 60px; }
    .lg\:h-\[70px\]             { height: 70px; }
    .lg\:h-\[80px\]             { height: 80px; }
    .lg\:h-\[90px\]             { height: 90px; }
    .lg\:h-\[100px\]            { height: 100px; }
    .lg\:h-\[110px\]            { height: 110px; }
    .lg\:h-\[120px\]            { height: 120px; }
    .lg\:h-\[130px\]            { height: 130px; }
    .lg\:h-\[140px\]            { height: 140px; }
    .lg\:h-\[150px\]            { height: 150px; }
    .lg\:h-\[160px\]            { height: 160px; }
    .lg\:h-\[170px\]            { height: 170px; }
    .lg\:h-\[180px\]            { height: 180px; }
    .lg\:h-\[190px\]            { height: 190px; }
    .lg\:h-\[200px\]            { height: 200px; }
    .lg\:h-\[210px\]            { height: 210px; }
    .lg\:h-\[220px\]            { height: 220px; }
    .lg\:h-\[230px\]            { height: 230px; }
    .lg\:h-\[240px\]            { height: 240px; }
    .lg\:h-\[250px\]            { height: 250px; }
    .lg\:h-\[260px\]            { height: 260px; }
    .lg\:h-\[270px\]            { height: 270px; }
    .lg\:h-\[280px\]            { height: 280px; }
    .lg\:h-\[290px\]            { height: 290px; }
    .lg\:h-\[300px\]            { height: 300px; }
    .lg\:h-\[350px\]            { height: 350px; }
    .lg\:h-\[400px\]            { height: 400px; }
    .lg\:h-\[450px\]            { height: 450px; }
    .lg\:h-\[500px\]            { height: 500px; }
    .lg\:h-\[550px\]            { height: 550px; }
    .lg\:h-\[600px\]            { height: 600px; }
    .lg\:h-\[650px\]            { height: 650px; }
    .lg\:h-\[700px\]            { height: 700px; }
    .lg\:h-\[750px\]            { height: 750px; }
    .lg\:h-\[800px\]            { height: 800px; }
    .lg\:h-\[850px\]            { height: 850px; }
    .lg\:h-\[900px\]            { height: 900px; }
    .lg\:h-\[950px\]            { height: 950px; }
    .lg\:h-\[1000px\]           { height: 1000px; }
    .lg\:h-\[10vh\]             { height: 10vh; }
    .lg\:h-\[15vh\]             { height: 15vh; }
    .lg\:h-\[20vh\]             { height: 20vh; }
    .lg\:h-\[25vh\]             { height: 25vh; }
    .lg\:h-\[30vh\]             { height: 30vh; }
    .lg\:h-\[35vh\]             { height: 35vh; }
    .lg\:h-\[40vh\]             { height: 40vh; }
    .lg\:h-\[45vh\]             { height: 45vh; }
    .lg\:h-\[50vh\]             { height: 50vh; }
    .lg\:h-\[55vh\]             { height: 55vh; }
    .lg\:h-\[60vh\]             { height: 60vh; }
    .lg\:h-\[65vh\]             { height: 65vh; }
    .lg\:h-\[70vh\]             { height: 70vh; }
    .lg\:h-\[75vh\]             { height: 75vh; }
    .lg\:h-\[80vh\]             { height: 80vh; }
    .lg\:h-\[85vh\]             { height: 85vh; }
    .lg\:h-\[90vh\]             { height: 90vh; }
    .lg\:h-\[95vh\]             { height: 95vh; }
    .lg\:h-\[100vh\]            { height: 100vh; }
    .lg\:h-\[1\]                { height: 1rem; }
    .lg\:h-\[1\.5\]             { height: 1.5rem; }
    .lg\:h-\[2\]                { height: 2rem; }
    .lg\:h-\[2\.5\]             { height: 2.5rem; }
    .lg\:h-\[3\]                { height: 3rem; }
    .lg\:h-\[3\.5\]             { height: 3.5rem; }
    .lg\:h-\[4\]                { height: 4rem; }
    .lg\:h-\[4\.5\]             { height: 4.5rem; }
    .lg\:h-\[5\]                { height: 5rem; }
    .lg\:h-\[5\.5\]             { height: 5.5rem; }
    .lg\:h-full                 { height: 100%; }
    .lg\:h-screen               { height: 100vh; }
    
    .lg\:min-h-\[10\%\]         { min-height: 10%; }
    .lg\:min-h-\[20\%\]         { min-height: 20%; }
    .lg\:min-h-\[30\%\]         { min-height: 30%; }
    .lg\:min-h-\[40\%\]         { min-height: 40%; }
    .lg\:min-h-\[50\%\]         { min-height: 50%; }
    .lg\:min-h-\[60\%\]         { min-height: 60%; }
    .lg\:min-h-\[70\%\]         { min-height: 70%; }
    .lg\:min-h-\[80\%\]         { min-height: 80%; }
    .lg\:min-h-\[90\%\]         { min-height: 90%; }
    .lg\:min-h-\[100\%\]        { min-height: 100%; }
    .lg\:min-h-\[10px\]         { min-height: 10px; }
    .lg\:min-h-\[20px\]         { min-height: 20px; }
    .lg\:min-h-\[30px\]         { min-height: 30px; }
    .lg\:min-h-\[40px\]         { min-height: 40px; }
    .lg\:min-h-\[50px\]         { min-height: 50px; }
    .lg\:min-h-\[60px\]         { min-height: 60px; }
    .lg\:min-h-\[70px\]         { min-height: 70px; }
    .lg\:min-h-\[80px\]         { min-height: 80px; }
    .lg\:min-h-\[90px\]         { min-height: 90px; }
    .lg\:min-h-\[100px\]        { min-height: 100px; }
    .lg\:min-h-\[110px\]        { min-height: 110px; }
    .lg\:min-h-\[120px\]        { min-height: 120px; }
    .lg\:min-h-\[130px\]        { min-height: 130px; }
    .lg\:min-h-\[140px\]        { min-height: 140px; }
    .lg\:min-h-\[150px\]        { min-height: 150px; }
    .lg\:min-h-\[160px\]        { min-height: 160px; }
    .lg\:min-h-\[170px\]        { min-height: 170px; }
    .lg\:min-h-\[180px\]        { min-height: 180px; }
    .lg\:min-h-\[190px\]        { min-height: 190px; }
    .lg\:min-h-\[200px\]        { min-height: 200px; }
    .lg\:min-h-\[210px\]        { min-height: 210px; }
    .lg\:min-h-\[220px\]        { min-height: 220px; }
    .lg\:min-h-\[230px\]        { min-height: 230px; }
    .lg\:min-h-\[240px\]        { min-height: 240px; }
    .lg\:min-h-\[250px\]        { min-height: 250px; }
    .lg\:min-h-\[260px\]        { min-height: 260px; }
    .lg\:min-h-\[270px\]        { min-height: 270px; }
    .lg\:min-h-\[280px\]        { min-height: 280px; }
    .lg\:min-h-\[290px\]        { min-height: 290px; }
    .lg\:min-h-\[300px\]        { min-height: 300px; }
    .lg\:min-h-\[350px\]        { min-height: 350px; }
    .lg\:min-h-\[400px\]        { min-height: 400px; }
    .lg\:min-h-\[450px\]        { min-height: 450px; }
    .lg\:min-h-\[500px\]        { min-height: 500px; }
    .lg\:min-h-\[550px\]        { min-height: 550px; }
    .lg\:min-h-\[600px\]        { min-height: 600px; }
    .lg\:min-h-\[650px\]        { min-height: 650px; }
    .lg\:min-h-\[700px\]        { min-height: 700px; }
    .lg\:min-h-\[750px\]        { min-height: 750px; }
    .lg\:min-h-\[800px\]        { min-height: 800px; }
    .lg\:min-h-\[850px\]        { min-height: 850px; }
    .lg\:min-h-\[900px\]        { min-height: 900px; }
    .lg\:min-h-\[950px\]        { min-height: 950px; }
    .lg\:min-h-\[1000px\]       { min-height: 1000px; }
    .lg\:min-h-\[10vh\]         { min-height: 10vh; }
    .lg\:min-h-\[15vh\]         { min-height: 15vh; }
    .lg\:min-h-\[20vh\]         { min-height: 20vh; }
    .lg\:min-h-\[25vh\]         { min-height: 25vh; }
    .lg\:min-h-\[30vh\]         { min-height: 30vh; }
    .lg\:min-h-\[35vh\]         { min-height: 35vh; }
    .lg\:min-h-\[40vh\]         { min-height: 40vh; }
    .lg\:min-h-\[45vh\]         { min-height: 45vh; }
    .lg\:min-h-\[50vh\]         { min-height: 50vh; }
    .lg\:min-h-\[55vh\]         { min-height: 55vh; }
    .lg\:min-h-\[60vh\]         { min-height: 60vh; }
    .lg\:min-h-\[65vh\]         { min-height: 65vh; }
    .lg\:min-h-\[70vh\]         { min-height: 70vh; }
    .lg\:min-h-\[75vh\]         { min-height: 75vh; }
    .lg\:min-h-\[80vh\]         { min-height: 80vh; }
    .lg\:min-h-\[85vh\]         { min-height: 85vh; }
    .lg\:min-h-\[90vh\]         { min-height: 90vh; }
    .lg\:min-h-\[95vh\]         { min-height: 95vh; }
    .lg\:min-h-\[100vh\]        { min-height: 100vh; }
    .lg\:min-h-\[1\]            { min-height: 1rem; }
    .lg\:min-h-\[1\.5\]         { min-height: 1.5rem; }
    .lg\:min-h-\[2\]            { min-height: 2rem; }
    .lg\:min-h-\[2\.5\]         { min-height: 2.5rem; }
    .lg\:min-h-\[3\]            { min-height: 3rem; }
    .lg\:min-h-\[3\.5\]         { min-height: 3.5rem; }
    .lg\:min-h-\[4\]            { min-height: 4rem; }
    .lg\:min-h-\[4\.5\]         { min-height: 4.5rem; }
    .lg\:min-h-\[5\]            { min-height: 5rem; }
    .lg\:min-h-\[5\.5\]         { min-height: 5.5rem; }
    .lg\:min-h-full             { min-height: 100%; }
    .lg\:min-h-screen           { min-height: 100vh; }
    
    .lg\:max-h-\[10\%\]         { max-height: 10%; }
    .lg\:max-h-\[20\%\]         { max-height: 20%; }
    .lg\:max-h-\[30\%\]         { max-height: 30%; }
    .lg\:max-h-\[40\%\]         { max-height: 40%; }
    .lg\:max-h-\[50\%\]         { max-height: 50%; }
    .lg\:max-h-\[60\%\]         { max-height: 60%; }
    .lg\:max-h-\[70\%\]         { max-height: 70%; }
    .lg\:max-h-\[80\%\]         { max-height: 80%; }
    .lg\:max-h-\[90\%\]         { max-height: 90%; }
    .lg\:max-h-\[100\%\]        { max-height: 100%; }
    .lg\:max-h-\[10px\]         { max-height: 10px; }
    .lg\:max-h-\[20px\]         { max-height: 20px; }
    .lg\:max-h-\[30px\]         { max-height: 30px; }
    .lg\:max-h-\[40px\]         { max-height: 40px; }
    .lg\:max-h-\[50px\]         { max-height: 50px; }
    .lg\:max-h-\[60px\]         { max-height: 60px; }
    .lg\:max-h-\[70px\]         { max-height: 70px; }
    .lg\:max-h-\[80px\]         { max-height: 80px; }
    .lg\:max-h-\[90px\]         { max-height: 90px; }
    .lg\:max-h-\[100px\]        { max-height: 100px; }
    .lg\:max-h-\[110px\]        { max-height: 110px; }
    .lg\:max-h-\[120px\]        { max-height: 120px; }
    .lg\:max-h-\[130px\]        { max-height: 130px; }
    .lg\:max-h-\[140px\]        { max-height: 140px; }
    .lg\:max-h-\[150px\]        { max-height: 150px; }
    .lg\:max-h-\[160px\]        { max-height: 160px; }
    .lg\:max-h-\[170px\]        { max-height: 170px; }
    .lg\:max-h-\[180px\]        { max-height: 180px; }
    .lg\:max-h-\[190px\]        { max-height: 190px; }
    .lg\:max-h-\[200px\]        { max-height: 200px; }
    .lg\:max-h-\[210px\]        { max-height: 210px; }
    .lg\:max-h-\[220px\]        { max-height: 220px; }
    .lg\:max-h-\[230px\]        { max-height: 230px; }
    .lg\:max-h-\[240px\]        { max-height: 240px; }
    .lg\:max-h-\[250px\]        { max-height: 250px; }
    .lg\:max-h-\[260px\]        { max-height: 260px; }
    .lg\:max-h-\[270px\]        { max-height: 270px; }
    .lg\:max-h-\[280px\]        { max-height: 280px; }
    .lg\:max-h-\[290px\]        { max-height: 290px; }
    .lg\:max-h-\[300px\]        { max-height: 300px; }
    .lg\:max-h-\[350px\]        { max-height: 350px; }
    .lg\:max-h-\[400px\]        { max-height: 400px; }
    .lg\:max-h-\[450px\]        { max-height: 450px; }
    .lg\:max-h-\[500px\]        { max-height: 500px; }
    .lg\:max-h-\[550px\]        { max-height: 550px; }
    .lg\:max-h-\[600px\]        { max-height: 600px; }
    .lg\:max-h-\[650px\]        { max-height: 650px; }
    .lg\:max-h-\[700px\]        { max-height: 700px; }
    .lg\:max-h-\[750px\]        { max-height: 750px; }
    .lg\:max-h-\[800px\]        { max-height: 800px; }
    .lg\:max-h-\[850px\]        { max-height: 850px; }
    .lg\:max-h-\[900px\]        { max-height: 900px; }
    .lg\:max-h-\[950px\]        { max-height: 950px; }
    .lg\:max-h-\[1000px\]       { max-height: 1000px; }
    .lg\:max-h-\[10vh\]         { max-height: 10vh; }
    .lg\:max-h-\[15vh\]         { max-height: 15vh; }
    .lg\:max-h-\[20vh\]         { max-height: 20vh; }
    .lg\:max-h-\[25vh\]         { max-height: 25vh; }
    .lg\:max-h-\[30vh\]         { max-height: 30vh; }
    .lg\:max-h-\[35vh\]         { max-height: 35vh; }
    .lg\:max-h-\[40vh\]         { max-height: 40vh; }
    .lg\:max-h-\[45vh\]         { max-height: 45vh; }
    .lg\:max-h-\[50vh\]         { max-height: 50vh; }
    .lg\:max-h-\[55vh\]         { max-height: 55vh; }
    .lg\:max-h-\[60vh\]         { max-height: 60vh; }
    .lg\:max-h-\[65vh\]         { max-height: 65vh; }
    .lg\:max-h-\[70vh\]         { max-height: 70vh; }
    .lg\:max-h-\[75vh\]         { max-height: 75vh; }
    .lg\:max-h-\[80vh\]         { max-height: 80vh; }
    .lg\:max-h-\[85vh\]         { max-height: 85vh; }
    .lg\:max-h-\[90vh\]         { max-height: 90vh; }
    .lg\:max-h-\[95vh\]         { max-height: 95vh; }
    .lg\:max-h-\[100vh\]        { max-height: 100vh; }
    .lg\:max-h-\[1\]            { max-height: 1rem; }
    .lg\:max-h-\[1\.5\]         { max-height: 1.5rem; }
    .lg\:max-h-\[2\]            { max-height: 2rem; }
    .lg\:max-h-\[2\.5\]         { max-height: 2.5rem; }
    .lg\:max-h-\[3\]            { max-height: 3rem; }
    .lg\:max-h-\[3\.5\]         { max-height: 3.5rem; }
    .lg\:max-h-\[4\]            { max-height: 4rem; }
    .lg\:max-h-\[4\.5\]         { max-height: 4.5rem; }
    .lg\:max-h-\[5\]            { max-height: 5rem; }
    .lg\:max-h-\[5\.5\]         { max-height: 5.5rem; }
    .lg\:max-h-full             { max-height: 100%; }
    .lg\:max-h-screen           { max-height: 100vh; }
}

@media screen and (min-width: 1440px) {
    .xl\:h-\[10\%\]             { height: 10%; }
    .xl\:h-\[20\%\]             { height: 20%; }
    .xl\:h-\[30\%\]             { height: 30%; }
    .xl\:h-\[40\%\]             { height: 40%; }
    .xl\:h-\[50\%\]             { height: 50%; }
    .xl\:h-\[60\%\]             { height: 60%; }
    .xl\:h-\[70\%\]             { height: 70%; }
    .xl\:h-\[80\%\]             { height: 80%; }
    .xl\:h-\[90\%\]             { height: 90%; }
    .xl\:h-\[100\%\]            { height: 100%; }
    .xl\:h-\[10px\]             { height: 10px; }
    .xl\:h-\[20px\]             { height: 20px; }
    .xl\:h-\[30px\]             { height: 30px; }
    .xl\:h-\[40px\]             { height: 40px; }
    .xl\:h-\[50px\]             { height: 50px; }
    .xl\:h-\[60px\]             { height: 60px; }
    .xl\:h-\[70px\]             { height: 70px; }
    .xl\:h-\[80px\]             { height: 80px; }
    .xl\:h-\[90px\]             { height: 90px; }
    .xl\:h-\[100px\]            { height: 100px; }
    .xl\:h-\[110px\]            { height: 110px; }
    .xl\:h-\[120px\]            { height: 120px; }
    .xl\:h-\[130px\]            { height: 130px; }
    .xl\:h-\[140px\]            { height: 140px; }
    .xl\:h-\[150px\]            { height: 150px; }
    .xl\:h-\[160px\]            { height: 160px; }
    .xl\:h-\[170px\]            { height: 170px; }
    .xl\:h-\[180px\]            { height: 180px; }
    .xl\:h-\[190px\]            { height: 190px; }
    .xl\:h-\[200px\]            { height: 200px; }
    .xl\:h-\[210px\]            { height: 210px; }
    .xl\:h-\[220px\]            { height: 220px; }
    .xl\:h-\[230px\]            { height: 230px; }
    .xl\:h-\[240px\]            { height: 240px; }
    .xl\:h-\[250px\]            { height: 250px; }
    .xl\:h-\[260px\]            { height: 260px; }
    .xl\:h-\[270px\]            { height: 270px; }
    .xl\:h-\[280px\]            { height: 280px; }
    .xl\:h-\[290px\]            { height: 290px; }
    .xl\:h-\[300px\]            { height: 300px; }
    .xl\:h-\[350px\]            { height: 350px; }
    .xl\:h-\[400px\]            { height: 400px; }
    .xl\:h-\[450px\]            { height: 450px; }
    .xl\:h-\[500px\]            { height: 500px; }
    .xl\:h-\[550px\]            { height: 550px; }
    .xl\:h-\[600px\]            { height: 600px; }
    .xl\:h-\[650px\]            { height: 650px; }
    .xl\:h-\[700px\]            { height: 700px; }
    .xl\:h-\[750px\]            { height: 750px; }
    .xl\:h-\[800px\]            { height: 800px; }
    .xl\:h-\[850px\]            { height: 850px; }
    .xl\:h-\[900px\]            { height: 900px; }
    .xl\:h-\[950px\]            { height: 950px; }
    .xl\:h-\[1000px\]           { height: 1000px; }
    .xl\:h-\[10vh\]             { height: 10vh; }
    .xl\:h-\[15vh\]             { height: 15vh; }
    .xl\:h-\[20vh\]             { height: 20vh; }
    .xl\:h-\[25vh\]             { height: 25vh; }
    .xl\:h-\[30vh\]             { height: 30vh; }
    .xl\:h-\[35vh\]             { height: 35vh; }
    .xl\:h-\[40vh\]             { height: 40vh; }
    .xl\:h-\[45vh\]             { height: 45vh; }
    .xl\:h-\[50vh\]             { height: 50vh; }
    .xl\:h-\[55vh\]             { height: 55vh; }
    .xl\:h-\[60vh\]             { height: 60vh; }
    .xl\:h-\[65vh\]             { height: 65vh; }
    .xl\:h-\[70vh\]             { height: 70vh; }
    .xl\:h-\[75vh\]             { height: 75vh; }
    .xl\:h-\[80vh\]             { height: 80vh; }
    .xl\:h-\[85vh\]             { height: 85vh; }
    .xl\:h-\[90vh\]             { height: 90vh; }
    .xl\:h-\[95vh\]             { height: 95vh; }
    .xl\:h-\[100vh\]            { height: 100vh; }
    .xl\:h-\[1\]                { height: 1rem; }
    .xl\:h-\[1\.5\]             { height: 1.5rem; }
    .xl\:h-\[2\]                { height: 2rem; }
    .xl\:h-\[2\.5\]             { height: 2.5rem; }
    .xl\:h-\[3\]                { height: 3rem; }
    .xl\:h-\[3\.5\]             { height: 3.5rem; }
    .xl\:h-\[4\]                { height: 4rem; }
    .xl\:h-\[4\.5\]             { height: 4.5rem; }
    .xl\:h-\[5\]                { height: 5rem; }
    .xl\:h-\[5\.5\]             { height: 5.5rem; }
    .xl\:h-full                 { height: 100%; }
    .xl\:h-screen               { height: 100vh; }
    
    .xl\:min-h-\[10\%\]         { min-height: 10%; }
    .xl\:min-h-\[20\%\]         { min-height: 20%; }
    .xl\:min-h-\[30\%\]         { min-height: 30%; }
    .xl\:min-h-\[40\%\]         { min-height: 40%; }
    .xl\:min-h-\[50\%\]         { min-height: 50%; }
    .xl\:min-h-\[60\%\]         { min-height: 60%; }
    .xl\:min-h-\[70\%\]         { min-height: 70%; }
    .xl\:min-h-\[80\%\]         { min-height: 80%; }
    .xl\:min-h-\[90\%\]         { min-height: 90%; }
    .xl\:min-h-\[100\%\]        { min-height: 100%; }
    .xl\:min-h-\[10px\]         { min-height: 10px; }
    .xl\:min-h-\[20px\]         { min-height: 20px; }
    .xl\:min-h-\[30px\]         { min-height: 30px; }
    .xl\:min-h-\[40px\]         { min-height: 40px; }
    .xl\:min-h-\[50px\]         { min-height: 50px; }
    .xl\:min-h-\[60px\]         { min-height: 60px; }
    .xl\:min-h-\[70px\]         { min-height: 70px; }
    .xl\:min-h-\[80px\]         { min-height: 80px; }
    .xl\:min-h-\[90px\]         { min-height: 90px; }
    .xl\:min-h-\[100px\]        { min-height: 100px; }
    .xl\:min-h-\[110px\]        { min-height: 110px; }
    .xl\:min-h-\[120px\]        { min-height: 120px; }
    .xl\:min-h-\[130px\]        { min-height: 130px; }
    .xl\:min-h-\[140px\]        { min-height: 140px; }
    .xl\:min-h-\[150px\]        { min-height: 150px; }
    .xl\:min-h-\[160px\]        { min-height: 160px; }
    .xl\:min-h-\[170px\]        { min-height: 170px; }
    .xl\:min-h-\[180px\]        { min-height: 180px; }
    .xl\:min-h-\[190px\]        { min-height: 190px; }
    .xl\:min-h-\[200px\]        { min-height: 200px; }
    .xl\:min-h-\[210px\]        { min-height: 210px; }
    .xl\:min-h-\[220px\]        { min-height: 220px; }
    .xl\:min-h-\[230px\]        { min-height: 230px; }
    .xl\:min-h-\[240px\]        { min-height: 240px; }
    .xl\:min-h-\[250px\]        { min-height: 250px; }
    .xl\:min-h-\[260px\]        { min-height: 260px; }
    .xl\:min-h-\[270px\]        { min-height: 270px; }
    .xl\:min-h-\[280px\]        { min-height: 280px; }
    .xl\:min-h-\[290px\]        { min-height: 290px; }
    .xl\:min-h-\[300px\]        { min-height: 300px; }
    .xl\:min-h-\[350px\]        { min-height: 350px; }
    .xl\:min-h-\[400px\]        { min-height: 400px; }
    .xl\:min-h-\[450px\]        { min-height: 450px; }
    .xl\:min-h-\[500px\]        { min-height: 500px; }
    .xl\:min-h-\[550px\]        { min-height: 550px; }
    .xl\:min-h-\[600px\]        { min-height: 600px; }
    .xl\:min-h-\[650px\]        { min-height: 650px; }
    .xl\:min-h-\[700px\]        { min-height: 700px; }
    .xl\:min-h-\[750px\]        { min-height: 750px; }
    .xl\:min-h-\[800px\]        { min-height: 800px; }
    .xl\:min-h-\[850px\]        { min-height: 850px; }
    .xl\:min-h-\[900px\]        { min-height: 900px; }
    .xl\:min-h-\[950px\]        { min-height: 950px; }
    .xl\:min-h-\[1000px\]       { min-height: 1000px; }
    .xl\:min-h-\[10vh\]         { min-height: 10vh; }
    .xl\:min-h-\[15vh\]         { min-height: 15vh; }
    .xl\:min-h-\[20vh\]         { min-height: 20vh; }
    .xl\:min-h-\[25vh\]         { min-height: 25vh; }
    .xl\:min-h-\[30vh\]         { min-height: 30vh; }
    .xl\:min-h-\[35vh\]         { min-height: 35vh; }
    .xl\:min-h-\[40vh\]         { min-height: 40vh; }
    .xl\:min-h-\[45vh\]         { min-height: 45vh; }
    .xl\:min-h-\[50vh\]         { min-height: 50vh; }
    .xl\:min-h-\[55vh\]         { min-height: 55vh; }
    .xl\:min-h-\[60vh\]         { min-height: 60vh; }
    .xl\:min-h-\[65vh\]         { min-height: 65vh; }
    .xl\:min-h-\[70vh\]         { min-height: 70vh; }
    .xl\:min-h-\[75vh\]         { min-height: 75vh; }
    .xl\:min-h-\[80vh\]         { min-height: 80vh; }
    .xl\:min-h-\[85vh\]         { min-height: 85vh; }
    .xl\:min-h-\[90vh\]         { min-height: 90vh; }
    .xl\:min-h-\[95vh\]         { min-height: 95vh; }
    .xl\:min-h-\[100vh\]        { min-height: 100vh; }
    .xl\:min-h-\[1\]            { min-height: 1rem; }
    .xl\:min-h-\[1\.5\]         { min-height: 1.5rem; }
    .xl\:min-h-\[2\]            { min-height: 2rem; }
    .xl\:min-h-\[2\.5\]         { min-height: 2.5rem; }
    .xl\:min-h-\[3\]            { min-height: 3rem; }
    .xl\:min-h-\[3\.5\]         { min-height: 3.5rem; }
    .xl\:min-h-\[4\]            { min-height: 4rem; }
    .xl\:min-h-\[4\.5\]         { min-height: 4.5rem; }
    .xl\:min-h-\[5\]            { min-height: 5rem; }
    .xl\:min-h-\[5\.5\]         { min-height: 5.5rem; }
    .xl\:min-h-full             { min-height: 100%; }
    .xl\:min-h-screen           { min-height: 100vh; }
    
    .xl\:max-h-\[10\%\]         { max-height: 10%; }
    .xl\:max-h-\[20\%\]         { max-height: 20%; }
    .xl\:max-h-\[30\%\]         { max-height: 30%; }
    .xl\:max-h-\[40\%\]         { max-height: 40%; }
    .xl\:max-h-\[50\%\]         { max-height: 50%; }
    .xl\:max-h-\[60\%\]         { max-height: 60%; }
    .xl\:max-h-\[70\%\]         { max-height: 70%; }
    .xl\:max-h-\[80\%\]         { max-height: 80%; }
    .xl\:max-h-\[90\%\]         { max-height: 90%; }
    .xl\:max-h-\[100\%\]        { max-height: 100%; }
    .xl\:max-h-\[10px\]         { max-height: 10px; }
    .xl\:max-h-\[20px\]         { max-height: 20px; }
    .xl\:max-h-\[30px\]         { max-height: 30px; }
    .xl\:max-h-\[40px\]         { max-height: 40px; }
    .xl\:max-h-\[50px\]         { max-height: 50px; }
    .xl\:max-h-\[60px\]         { max-height: 60px; }
    .xl\:max-h-\[70px\]         { max-height: 70px; }
    .xl\:max-h-\[80px\]         { max-height: 80px; }
    .xl\:max-h-\[90px\]         { max-height: 90px; }
    .xl\:max-h-\[100px\]        { max-height: 100px; }
    .xl\:max-h-\[110px\]        { max-height: 110px; }
    .xl\:max-h-\[120px\]        { max-height: 120px; }
    .xl\:max-h-\[130px\]        { max-height: 130px; }
    .xl\:max-h-\[140px\]        { max-height: 140px; }
    .xl\:max-h-\[150px\]        { max-height: 150px; }
    .xl\:max-h-\[160px\]        { max-height: 160px; }
    .xl\:max-h-\[170px\]        { max-height: 170px; }
    .xl\:max-h-\[180px\]        { max-height: 180px; }
    .xl\:max-h-\[190px\]        { max-height: 190px; }
    .xl\:max-h-\[200px\]        { max-height: 200px; }
    .xl\:max-h-\[210px\]        { max-height: 210px; }
    .xl\:max-h-\[220px\]        { max-height: 220px; }
    .xl\:max-h-\[230px\]        { max-height: 230px; }
    .xl\:max-h-\[240px\]        { max-height: 240px; }
    .xl\:max-h-\[250px\]        { max-height: 250px; }
    .xl\:max-h-\[260px\]        { max-height: 260px; }
    .xl\:max-h-\[270px\]        { max-height: 270px; }
    .xl\:max-h-\[280px\]        { max-height: 280px; }
    .xl\:max-h-\[290px\]        { max-height: 290px; }
    .xl\:max-h-\[300px\]        { max-height: 300px; }
    .xl\:max-h-\[350px\]        { max-height: 350px; }
    .xl\:max-h-\[400px\]        { max-height: 400px; }
    .xl\:max-h-\[450px\]        { max-height: 450px; }
    .xl\:max-h-\[500px\]        { max-height: 500px; }
    .xl\:max-h-\[550px\]        { max-height: 550px; }
    .xl\:max-h-\[600px\]        { max-height: 600px; }
    .xl\:max-h-\[650px\]        { max-height: 650px; }
    .xl\:max-h-\[700px\]        { max-height: 700px; }
    .xl\:max-h-\[750px\]        { max-height: 750px; }
    .xl\:max-h-\[800px\]        { max-height: 800px; }
    .xl\:max-h-\[850px\]        { max-height: 850px; }
    .xl\:max-h-\[900px\]        { max-height: 900px; }
    .xl\:max-h-\[950px\]        { max-height: 950px; }
    .xl\:max-h-\[1000px\]       { max-height: 1000px; }
    .xl\:max-h-\[10vh\]         { max-height: 10vh; }
    .xl\:max-h-\[15vh\]         { max-height: 15vh; }
    .xl\:max-h-\[20vh\]         { max-height: 20vh; }
    .xl\:max-h-\[25vh\]         { max-height: 25vh; }
    .xl\:max-h-\[30vh\]         { max-height: 30vh; }
    .xl\:max-h-\[35vh\]         { max-height: 35vh; }
    .xl\:max-h-\[40vh\]         { max-height: 40vh; }
    .xl\:max-h-\[45vh\]         { max-height: 45vh; }
    .xl\:max-h-\[50vh\]         { max-height: 50vh; }
    .xl\:max-h-\[55vh\]         { max-height: 55vh; }
    .xl\:max-h-\[60vh\]         { max-height: 60vh; }
    .xl\:max-h-\[65vh\]         { max-height: 65vh; }
    .xl\:max-h-\[70vh\]         { max-height: 70vh; }
    .xl\:max-h-\[75vh\]         { max-height: 75vh; }
    .xl\:max-h-\[80vh\]         { max-height: 80vh; }
    .xl\:max-h-\[85vh\]         { max-height: 85vh; }
    .xl\:max-h-\[90vh\]         { max-height: 90vh; }
    .xl\:max-h-\[95vh\]         { max-height: 95vh; }
    .xl\:max-h-\[100vh\]        { max-height: 100vh; }
    .xl\:max-h-\[1\]            { max-height: 1rem; }
    .xl\:max-h-\[1\.5\]         { max-height: 1.5rem; }
    .xl\:max-h-\[2\]            { max-height: 2rem; }
    .xl\:max-h-\[2\.5\]         { max-height: 2.5rem; }
    .xl\:max-h-\[3\]            { max-height: 3rem; }
    .xl\:max-h-\[3\.5\]         { max-height: 3.5rem; }
    .xl\:max-h-\[4\]            { max-height: 4rem; }
    .xl\:max-h-\[4\.5\]         { max-height: 4.5rem; }
    .xl\:max-h-\[5\]            { max-height: 5rem; }
    .xl\:max-h-\[5\.5\]         { max-height: 5.5rem; }
    .xl\:max-h-full             { max-height: 100%; }
    .xl\:max-h-screen           { max-height: 100vh; }
}


/* Margin */
.m-auto                         { margin: auto; }
.m-0                            { margin: 0; }
.m-\[1px\]                      { margin: 1px; }
.m-\[2px\]                      { margin: 2px; }
.m-\[3px\]                      { margin: 3px; }
.m-\[4px\]                      { margin: 4px; }
.m-\[4px\]                      { margin: 4px; }
.m-\[5px\]                      { margin: 5px; }
.m-\[6px\]                      { margin: 6px; }
.m-\[7px\]                      { margin: 7px; }
.m-\[8px\]                      { margin: 8px; }
.m-\[9px\]                      { margin: 9px; }
.m-\[10px\]                     { margin: 10px; }
.m-\[20px\]                     { margin: 20px; }
.m-\[30px\]                     { margin: 30px; }
.m-\[40px\]                     { margin: 40px; }
.m-\[50px\]                     { margin: 50px; }
.m-\[60px\]                     { margin: 60px; }
.m-\[70px\]                     { margin: 70px; }
.m-\[80px\]                     { margin: 80px; }
.m-\[90px\]                     { margin: 90px; }
.m-\[100px\]                    { margin: 100px; }
.m-\[0\.5\]                     { margin: 0.5rem; }
.m-\[1\]                        { margin: 1rem; }
.m-\[1\.5\]                     { margin: 1.5rem; }
.m-\[2\]                        { margin: 2rem; }
.m-\[2\.5\]                     { margin: 2.5rem; }
.m-\[3\]                        { margin: 3rem; }
.m-\[3\.5\]                     { margin: 3.5rem; }
.m-\[4\]                        { margin: 4rem; }
.m-\[4\.5\]                     { margin: 4.5rem; }
.m-\[5\]                        { margin: 5rem; }
.m-\[5\.5\]                     { margin: 5.5rem; }

.ml-auto                        { margin-left: auto; }
.ml-0                           { margin-left: 0; }
.ml-\[1px\]                     { margin-left: 1px; }
.ml-\[2px\]                     { margin-left: 2px; }
.ml-\[3px\]                     { margin-left: 3px; }
.ml-\[4px\]                     { margin-left: 4px; }
.ml-\[4px\]                     { margin-left: 4px; }
.ml-\[5px\]                     { margin-left: 5px; }
.ml-\[6px\]                     { margin-left: 6px; }
.ml-\[7px\]                     { margin-left: 7px; }
.ml-\[8px\]                     { margin-left: 8px; }
.ml-\[9px\]                     { margin-left: 9px; }
.ml-\[10px\]                    { margin-left: 10px; }
.ml-\[20px\]                    { margin-left: 20px; }
.ml-\[30px\]                    { margin-left: 30px; }
.ml-\[40px\]                    { margin-left: 40px; }
.ml-\[50px\]                    { margin-left: 50px; }
.ml-\[60px\]                    { margin-left: 60px; }
.ml-\[70px\]                    { margin-left: 70px; }
.ml-\[80px\]                    { margin-left: 80px; }
.ml-\[90px\]                    { margin-left: 90px; }
.ml-\[100px\]                   { margin-left: 100px; }
.ml-\[0\.5\]                    { margin-left: 0.5rem; }
.ml-\[1\]                       { margin-left: 1rem; }
.ml-\[1\.5\]                    { margin-left: 1.5rem; }
.ml-\[2\]                       { margin-left: 2rem; }
.ml-\[2\.5\]                    { margin-left: 2.5rem; }
.ml-\[3\]                       { margin-left: 3rem; }
.ml-\[3\.5\]                    { margin-left: 3.5rem; }
.ml-\[4\]                       { margin-left: 4rem; }
.ml-\[4\.5\]                    { margin-left: 4.5rem; }
.ml-\[5\]                       { margin-left: 5rem; }
.ml-\[5\.5\]                    { margin-left: 5.5rem; }

.mr-auto                        { margin-right: auto; }
.mr-0                           { margin-right: 0; }
.mr-\[1px\]                     { margin-right: 1px; }
.mr-\[2px\]                     { margin-right: 2px; }
.mr-\[3px\]                     { margin-right: 3px; }
.mr-\[4px\]                     { margin-right: 4px; }
.mr-\[4px\]                     { margin-right: 4px; }
.mr-\[5px\]                     { margin-right: 5px; }
.mr-\[6px\]                     { margin-right: 6px; }
.mr-\[7px\]                     { margin-right: 7px; }
.mr-\[8px\]                     { margin-right: 8px; }
.mr-\[9px\]                     { margin-right: 9px; }
.mr-\[10px\]                    { margin-right: 10px; }
.mr-\[20px\]                    { margin-right: 20px; }
.mr-\[30px\]                    { margin-right: 30px; }
.mr-\[40px\]                    { margin-right: 40px; }
.mr-\[50px\]                    { margin-right: 50px; }
.mr-\[60px\]                    { margin-right: 60px; }
.mr-\[70px\]                    { margin-right: 70px; }
.mr-\[80px\]                    { margin-right: 80px; }
.mr-\[90px\]                    { margin-right: 90px; }
.mr-\[100px\]                   { margin-right: 100px; }
.mr-\[0\.5\]                    { margin-right: 0.5rem; }
.mr-\[1\]                       { margin-right: 1rem; }
.mr-\[1\.5\]                    { margin-right: 1.5rem; }
.mr-\[2\]                       { margin-right: 2rem; }
.mr-\[2\.5\]                    { margin-right: 2.5rem; }
.mr-\[3\]                       { margin-right: 3rem; }
.mr-\[3\.5\]                    { margin-right: 3.5rem; }
.mr-\[4\]                       { margin-right: 4rem; }
.mr-\[4\.5\]                    { margin-right: 4.5rem; }
.mr-\[5\]                       { margin-right: 5rem; }
.mr-\[5\.5\]                    { margin-right: 5.5rem; }

.mt-auto                        { margin-top: auto; }
.mt-0                           { margin-top: 0; }
.mt-\[1px\]                     { margin-top: 1px; }
.mt-\[2px\]                     { margin-top: 2px; }
.mt-\[3px\]                     { margin-top: 3px; }
.mt-\[4px\]                     { margin-top: 4px; }
.mt-\[4px\]                     { margin-top: 4px; }
.mt-\[5px\]                     { margin-top: 5px; }
.mt-\[6px\]                     { margin-top: 6px; }
.mt-\[7px\]                     { margin-top: 7px; }
.mt-\[8px\]                     { margin-top: 8px; }
.mt-\[9px\]                     { margin-top: 9px; }
.mt-\[10px\]                    { margin-top: 10px; }
.mt-\[20px\]                    { margin-top: 20px; }
.mt-\[30px\]                    { margin-top: 30px; }
.mt-\[40px\]                    { margin-top: 40px; }
.mt-\[50px\]                    { margin-top: 50px; }
.mt-\[60px\]                    { margin-top: 60px; }
.mt-\[70px\]                    { margin-top: 70px; }
.mt-\[80px\]                    { margin-top: 80px; }
.mt-\[90px\]                    { margin-top: 90px; }
.mt-\[100px\]                   { margin-top: 100px; }
.mt-\[0\.5\]                    { margin-top: 0.5rem; }
.mt-\[1\]                       { margin-top: 1rem; }
.mt-\[1\.5\]                    { margin-top: 1.5rem; }
.mt-\[2\]                       { margin-top: 2rem; }
.mt-\[2\.5\]                    { margin-top: 2.5rem; }
.mt-\[3\]                       { margin-top: 3rem; }
.mt-\[3\.5\]                    { margin-top: 3.5rem; }
.mt-\[4\]                       { margin-top: 4rem; }
.mt-\[4\.5\]                    { margin-top: 4.5rem; }
.mt-\[5\]                       { margin-top: 5rem; }
.mt-\[5\.5\]                    { margin-top: 5.5rem; }

.mb-auto                        { margin-bottom: auto; }
.mb-0                           { margin-bottom: 0; }
.mb-\[1px\]                     { margin-bottom: 1px; }
.mb-\[2px\]                     { margin-bottom: 2px; }
.mb-\[3px\]                     { margin-bottom: 3px; }
.mb-\[4px\]                     { margin-bottom: 4px; }
.mb-\[4px\]                     { margin-bottom: 4px; }
.mb-\[5px\]                     { margin-bottom: 5px; }
.mb-\[6px\]                     { margin-bottom: 6px; }
.mb-\[7px\]                     { margin-bottom: 7px; }
.mb-\[8px\]                     { margin-bottom: 8px; }
.mb-\[9px\]                     { margin-bottom: 9px; }
.mb-\[10px\]                    { margin-bottom: 10px; }
.mb-\[20px\]                    { margin-bottom: 20px; }
.mb-\[30px\]                    { margin-bottom: 30px; }
.mb-\[40px\]                    { margin-bottom: 40px; }
.mb-\[50px\]                    { margin-bottom: 50px; }
.mb-\[60px\]                    { margin-bottom: 60px; }
.mb-\[70px\]                    { margin-bottom: 70px; }
.mb-\[80px\]                    { margin-bottom: 80px; }
.mb-\[90px\]                    { margin-bottom: 90px; }
.mb-\[100px\]                   { margin-bottom: 100px; }
.mb-\[0\.5\]                    { margin-bottom: 0.5rem; }
.mb-\[1\]                       { margin-bottom: 1rem; }
.mb-\[1\.5\]                    { margin-bottom: 1.5rem; }
.mb-\[2\]                       { margin-bottom: 2rem; }
.mb-\[2\.5\]                    { margin-bottom: 2.5rem; }
.mb-\[3\]                       { margin-bottom: 3rem; }
.mb-\[3\.5\]                    { margin-bottom: 3.5rem; }
.mb-\[4\]                       { margin-bottom: 4rem; }
.mb-\[4\.5\]                    { margin-bottom: 4.5rem; }
.mb-\[5\]                       { margin-bottom: 5rem; }
.mb-\[5\.5\]                    { margin-bottom: 5.5rem; }

.mx-auto                        { margin-inline: auto; }
.mx-\[-50px\]                   { margin-inline: -50px; }
.mx-\[-40px\]                   { margin-inline: -40px; }
.mx-\[-30px\]                   { margin-inline: -30px; }
.mx-\[-20px\]                   { margin-inline: -20px; }
.mx-\[-10px\]                   { margin-inline: -10px; }
.mx-\[0px\]                     { margin-inline: 0px; }
.mx-\[10px\]                    { margin-inline: 10px; }
.mx-\[20px\]                    { margin-inline: 20px; }
.mx-\[30px\]                    { margin-inline: 30px; }
.mx-\[40px\]                    { margin-inline: 40px; }
.mx-\[50px\]                    { margin-inline: 50px; }
.mx-\[0\.5\]                    { margin-inline: 0.5rem; }
.mx-\[1\]                       { margin-inline: 1rem; }
.mx-\[1\.5\]                    { margin-inline: 1.5rem; }
.mx-\[2\]                       { margin-inline: 2rem; }
.mx-\[2\.5\]                    { margin-inline: 2.5rem; }
.mx-\[3\]                       { margin-inline: 3rem; }
.mx-\[3\.5\]                    { margin-inline: 3.5rem; }
.mx-\[4\]                       { margin-inline: 4rem; }
.mx-\[4\.5\]                    { margin-inline: 4.5rem; }
.mx-\[5\]                       { margin-inline: 5rem; }
.mx-\[5\.5\]                    { margin-inline: 5.5rem; }

.my-\[-50px\]                   { margin-block: -50px; }
.my-\[-40px\]                   { margin-block: -40px; }
.my-\[-30px\]                   { margin-block: -30px; }
.my-\[-20px\]                   { margin-block: -20px; }
.my-\[-10px\]                   { margin-block: -10px; }
.my-\[0px\]                     { margin-block: 0px; }
.my-\[10px\]                    { margin-block: 10px; }
.my-\[20px\]                    { margin-block: 20px; }
.my-\[30px\]                    { margin-block: 30px; }
.my-\[40px\]                    { margin-block: 40px; }
.my-\[50px\]                    { margin-block: 50px; }
.my-\[60px\]                    { margin-block: 60px; }
.my-\[70px\]                    { margin-block: 70px; }
.my-\[80px\]                    { margin-block: 80px; }
.my-\[90px\]                    { margin-block: 90px; }
.my-\[100px\]                   { margin-block: 100px; }
.my-\[0\.5\]                    { margin-block: 0.5rem; }
.my-\[1\]                       { margin-block: 1rem; }
.my-\[1\.5\]                    { margin-block: 1.5rem; }
.my-\[2\]                       { margin-block: 2rem; }
.my-\[2\.5\]                    { margin-block: 2.5rem; }
.my-\[3\]                       { margin-block: 3rem; }
.my-\[3\.5\]                    { margin-block: 3.5rem; }
.my-\[4\]                       { margin-block: 4rem; }
.my-\[4\.5\]                    { margin-block: 4.5rem; }
.my-\[5\]                       { margin-block: 5rem; }
.my-\[5\.5\]                    { margin-block: 5.5rem; }

@media screen and (min-width: 768px) {
    .md\:m-auto                         { margin: auto; }
    .md\:m-0                            { margin: 0; }
    .md\:m-\[1px\]                      { margin: 1px; }
    .md\:m-\[2px\]                      { margin: 2px; }
    .md\:m-\[3px\]                      { margin: 3px; }
    .md\:m-\[4px\]                      { margin: 4px; }
    .md\:m-\[4px\]                      { margin: 4px; }
    .md\:m-\[5px\]                      { margin: 5px; }
    .md\:m-\[6px\]                      { margin: 6px; }
    .md\:m-\[7px\]                      { margin: 7px; }
    .md\:m-\[8px\]                      { margin: 8px; }
    .md\:m-\[9px\]                      { margin: 9px; }
    .md\:m-\[10px\]                     { margin: 10px; }
    .md\:m-\[20px\]                     { margin: 20px; }
    .md\:m-\[30px\]                     { margin: 30px; }
    .md\:m-\[40px\]                     { margin: 40px; }
    .md\:m-\[50px\]                     { margin: 50px; }
    .md\:m-\[60px\]                     { margin: 60px; }
    .md\:m-\[70px\]                     { margin: 70px; }
    .md\:m-\[80px\]                     { margin: 80px; }
    .md\:m-\[90px\]                     { margin: 90px; }
    .md\:m-\[100px\]                    { margin: 100px; }
    .md\:m-\[0\.5\]                     { margin: 0.5rem; }
    .md\:m-\[1\]                        { margin: 1rem; }
    .md\:m-\[1\.5\]                     { margin: 1.5rem; }
    .md\:m-\[2\]                        { margin: 2rem; }
    .md\:m-\[2\.5\]                     { margin: 2.5rem; }
    .md\:m-\[3\]                        { margin: 3rem; }
    .md\:m-\[3\.5\]                     { margin: 3.5rem; }
    .md\:m-\[4\]                        { margin: 4rem; }
    .md\:m-\[4\.5\]                     { margin: 4.5rem; }
    .md\:m-\[5\]                        { margin: 5rem; }
    .md\:m-\[5\.5\]                     { margin: 5.5rem; }

    .md\:ml-auto                        { margin-left: auto; }
    .md\:ml-0                           { margin-left: 0; }
    .md\:ml-\[1px\]                     { margin-left: 1px; }
    .md\:ml-\[2px\]                     { margin-left: 2px; }
    .md\:ml-\[3px\]                     { margin-left: 3px; }
    .md\:ml-\[4px\]                     { margin-left: 4px; }
    .md\:ml-\[4px\]                     { margin-left: 4px; }
    .md\:ml-\[5px\]                     { margin-left: 5px; }
    .md\:ml-\[6px\]                     { margin-left: 6px; }
    .md\:ml-\[7px\]                     { margin-left: 7px; }
    .md\:ml-\[8px\]                     { margin-left: 8px; }
    .md\:ml-\[9px\]                     { margin-left: 9px; }
    .md\:ml-\[10px\]                    { margin-left: 10px; }
    .md\:ml-\[20px\]                    { margin-left: 20px; }
    .md\:ml-\[30px\]                    { margin-left: 30px; }
    .md\:ml-\[40px\]                    { margin-left: 40px; }
    .md\:ml-\[50px\]                    { margin-left: 50px; }
    .md\:ml-\[60px\]                    { margin-left: 60px; }
    .md\:ml-\[70px\]                    { margin-left: 70px; }
    .md\:ml-\[80px\]                    { margin-left: 80px; }
    .md\:ml-\[90px\]                    { margin-left: 90px; }
    .md\:ml-\[100px\]                   { margin-left: 100px; }
    .md\:ml-\[0\.5\]                    { margin-left: 0.5rem; }
    .md\:ml-\[1\]                       { margin-left: 1rem; }
    .md\:ml-\[1\.5\]                    { margin-left: 1.5rem; }
    .md\:ml-\[2\]                       { margin-left: 2rem; }
    .md\:ml-\[2\.5\]                    { margin-left: 2.5rem; }
    .md\:ml-\[3\]                       { margin-left: 3rem; }
    .md\:ml-\[3\.5\]                    { margin-left: 3.5rem; }
    .md\:ml-\[4\]                       { margin-left: 4rem; }
    .md\:ml-\[4\.5\]                    { margin-left: 4.5rem; }
    .md\:ml-\[5\]                       { margin-left: 5rem; }
    .md\:ml-\[5\.5\]                    { margin-left: 5.5rem; }

    .md\:mr-auto                        { margin-right: auto; }
    .md\:mr-0                           { margin-right: 0; }
    .md\:mr-\[1px\]                     { margin-right: 1px; }
    .md\:mr-\[2px\]                     { margin-right: 2px; }
    .md\:mr-\[3px\]                     { margin-right: 3px; }
    .md\:mr-\[4px\]                     { margin-right: 4px; }
    .md\:mr-\[4px\]                     { margin-right: 4px; }
    .md\:mr-\[5px\]                     { margin-right: 5px; }
    .md\:mr-\[6px\]                     { margin-right: 6px; }
    .md\:mr-\[7px\]                     { margin-right: 7px; }
    .md\:mr-\[8px\]                     { margin-right: 8px; }
    .md\:mr-\[9px\]                     { margin-right: 9px; }
    .md\:mr-\[10px\]                    { margin-right: 10px; }
    .md\:mr-\[20px\]                    { margin-right: 20px; }
    .md\:mr-\[30px\]                    { margin-right: 30px; }
    .md\:mr-\[40px\]                    { margin-right: 40px; }
    .md\:mr-\[50px\]                    { margin-right: 50px; }
    .md\:mr-\[60px\]                    { margin-right: 60px; }
    .md\:mr-\[70px\]                    { margin-right: 70px; }
    .md\:mr-\[80px\]                    { margin-right: 80px; }
    .md\:mr-\[90px\]                    { margin-right: 90px; }
    .md\:mr-\[100px\]                   { margin-right: 100px; }
    .md\:mr-\[0\.5\]                    { margin-right: 0.5rem; }
    .md\:mr-\[1\]                       { margin-right: 1rem; }
    .md\:mr-\[1\.5\]                    { margin-right: 1.5rem; }
    .md\:mr-\[2\]                       { margin-right: 2rem; }
    .md\:mr-\[2\.5\]                    { margin-right: 2.5rem; }
    .md\:mr-\[3\]                       { margin-right: 3rem; }
    .md\:mr-\[3\.5\]                    { margin-right: 3.5rem; }
    .md\:mr-\[4\]                       { margin-right: 4rem; }
    .md\:mr-\[4\.5\]                    { margin-right: 4.5rem; }
    .md\:mr-\[5\]                       { margin-right: 5rem; }
    .md\:mr-\[5\.5\]                    { margin-right: 5.5rem; }

    .md\:mt-auto                        { margin-top: auto; }
    .md\:mt-0                           { margin-top: 0; }
    .md\:mt-\[1px\]                     { margin-top: 1px; }
    .md\:mt-\[2px\]                     { margin-top: 2px; }
    .md\:mt-\[3px\]                     { margin-top: 3px; }
    .md\:mt-\[4px\]                     { margin-top: 4px; }
    .md\:mt-\[4px\]                     { margin-top: 4px; }
    .md\:mt-\[5px\]                     { margin-top: 5px; }
    .md\:mt-\[6px\]                     { margin-top: 6px; }
    .md\:mt-\[7px\]                     { margin-top: 7px; }
    .md\:mt-\[8px\]                     { margin-top: 8px; }
    .md\:mt-\[9px\]                     { margin-top: 9px; }
    .md\:mt-\[10px\]                    { margin-top: 10px; }
    .md\:mt-\[20px\]                    { margin-top: 20px; }
    .md\:mt-\[30px\]                    { margin-top: 30px; }
    .md\:mt-\[40px\]                    { margin-top: 40px; }
    .md\:mt-\[50px\]                    { margin-top: 50px; }
    .md\:mt-\[60px\]                    { margin-top: 60px; }
    .md\:mt-\[70px\]                    { margin-top: 70px; }
    .md\:mt-\[80px\]                    { margin-top: 80px; }
    .md\:mt-\[90px\]                    { margin-top: 90px; }
    .md\:mt-\[100px\]                   { margin-top: 100px; }
    .md\:mt-\[0\.5\]                    { margin-top: 0.5rem; }
    .md\:mt-\[1\]                       { margin-top: 1rem; }
    .md\:mt-\[1\.5\]                    { margin-top: 1.5rem; }
    .md\:mt-\[2\]                       { margin-top: 2rem; }
    .md\:mt-\[2\.5\]                    { margin-top: 2.5rem; }
    .md\:mt-\[3\]                       { margin-top: 3rem; }
    .md\:mt-\[3\.5\]                    { margin-top: 3.5rem; }
    .md\:mt-\[4\]                       { margin-top: 4rem; }
    .md\:mt-\[4\.5\]                    { margin-top: 4.5rem; }
    .md\:mt-\[5\]                       { margin-top: 5rem; }
    .md\:mt-\[5\.5\]                    { margin-top: 5.5rem; }

    .md\:mb-auto                        { margin-bottom: auto; }
    .md\:mb-0                           { margin-bottom: 0; }
    .md\:mb-\[1px\]                     { margin-bottom: 1px; }
    .md\:mb-\[2px\]                     { margin-bottom: 2px; }
    .md\:mb-\[3px\]                     { margin-bottom: 3px; }
    .md\:mb-\[4px\]                     { margin-bottom: 4px; }
    .md\:mb-\[4px\]                     { margin-bottom: 4px; }
    .md\:mb-\[5px\]                     { margin-bottom: 5px; }
    .md\:mb-\[6px\]                     { margin-bottom: 6px; }
    .md\:mb-\[7px\]                     { margin-bottom: 7px; }
    .md\:mb-\[8px\]                     { margin-bottom: 8px; }
    .md\:mb-\[9px\]                     { margin-bottom: 9px; }
    .md\:mb-\[10px\]                    { margin-bottom: 10px; }
    .md\:mb-\[20px\]                    { margin-bottom: 20px; }
    .md\:mb-\[30px\]                    { margin-bottom: 30px; }
    .md\:mb-\[40px\]                    { margin-bottom: 40px; }
    .md\:mb-\[50px\]                    { margin-bottom: 50px; }
    .md\:mb-\[60px\]                    { margin-bottom: 60px; }
    .md\:mb-\[70px\]                    { margin-bottom: 70px; }
    .md\:mb-\[80px\]                    { margin-bottom: 80px; }
    .md\:mb-\[90px\]                    { margin-bottom: 90px; }
    .md\:mb-\[100px\]                   { margin-bottom: 100px; }
    .md\:mb-\[0\.5\]                    { margin-bottom: 0.5rem; }
    .md\:mb-\[1\]                       { margin-bottom: 1rem; }
    .md\:mb-\[1\.5\]                    { margin-bottom: 1.5rem; }
    .md\:mb-\[2\]                       { margin-bottom: 2rem; }
    .md\:mb-\[2\.5\]                    { margin-bottom: 2.5rem; }
    .md\:mb-\[3\]                       { margin-bottom: 3rem; }
    .md\:mb-\[3\.5\]                    { margin-bottom: 3.5rem; }
    .md\:mb-\[4\]                       { margin-bottom: 4rem; }
    .md\:mb-\[4\.5\]                    { margin-bottom: 4.5rem; }
    .md\:mb-\[5\]                       { margin-bottom: 5rem; }
    .md\:mb-\[5\.5\]                    { margin-bottom: 5.5rem; }

    .md\:mx-auto                        { margin-inline: auto; }
    .md\:mx-\[-50px\]                   { margin-inline: -50px; }
    .md\:mx-\[-40px\]                   { margin-inline: -40px; }
    .md\:mx-\[-30px\]                   { margin-inline: -30px; }
    .md\:mx-\[-20px\]                   { margin-inline: -20px; }
    .md\:mx-\[-10px\]                   { margin-inline: -10px; }
    .md\:mx-\[0px\]                     { margin-inline: 0px; }
    .md\:mx-\[10px\]                    { margin-inline: 10px; }
    .md\:mx-\[20px\]                    { margin-inline: 20px; }
    .md\:mx-\[30px\]                    { margin-inline: 30px; }
    .md\:mx-\[40px\]                    { margin-inline: 40px; }
    .md\:mx-\[50px\]                    { margin-inline: 50px; }
    .md\:mx-\[0\.5\]                    { margin-inline: 0.5rem; }
    .md\:mx-\[1\]                       { margin-inline: 1rem; }
    .md\:mx-\[1\.5\]                    { margin-inline: 1.5rem; }
    .md\:mx-\[2\]                       { margin-inline: 2rem; }
    .md\:mx-\[2\.5\]                    { margin-inline: 2.5rem; }
    .md\:mx-\[3\]                       { margin-inline: 3rem; }
    .md\:mx-\[3\.5\]                    { margin-inline: 3.5rem; }
    .md\:mx-\[4\]                       { margin-inline: 4rem; }
    .md\:mx-\[4\.5\]                    { margin-inline: 4.5rem; }
    .md\:mx-\[5\]                       { margin-inline: 5rem; }
    .md\:mx-\[5\.5\]                    { margin-inline: 5.5rem; }

    .md\:my-\[-50px\]                   { margin-block: -50px; }
    .md\:my-\[-40px\]                   { margin-block: -40px; }
    .md\:my-\[-30px\]                   { margin-block: -30px; }
    .md\:my-\[-20px\]                   { margin-block: -20px; }
    .md\:my-\[-10px\]                   { margin-block: -10px; }
    .md\:my-\[0px\]                     { margin-block: 0px; }
    .md\:my-\[10px\]                    { margin-block: 10px; }
    .md\:my-\[20px\]                    { margin-block: 20px; }
    .md\:my-\[30px\]                    { margin-block: 30px; }
    .md\:my-\[40px\]                    { margin-block: 40px; }
    .md\:my-\[50px\]                    { margin-block: 50px; }
    .md\:my-\[60px\]                    { margin-block: 60px; }
    .md\:my-\[70px\]                    { margin-block: 70px; }
    .md\:my-\[80px\]                    { margin-block: 80px; }
    .md\:my-\[90px\]                    { margin-block: 90px; }
    .md\:my-\[100px\]                   { margin-block: 100px; }
    .md\:my-\[0\.5\]                    { margin-block: 0.5rem; }
    .md\:my-\[1\]                       { margin-block: 1rem; }
    .md\:my-\[1\.5\]                    { margin-block: 1.5rem; }
    .md\:my-\[2\]                       { margin-block: 2rem; }
    .md\:my-\[2\.5\]                    { margin-block: 2.5rem; }
    .md\:my-\[3\]                       { margin-block: 3rem; }
    .md\:my-\[3\.5\]                    { margin-block: 3.5rem; }
    .md\:my-\[4\]                       { margin-block: 4rem; }
    .md\:my-\[4\.5\]                    { margin-block: 4.5rem; }
    .md\:my-\[5\]                       { margin-block: 5rem; }
    .md\:my-\[5\.5\]                    { margin-block: 5.5rem; }
}

@media screen and (min-width: 1024px) {
    .lg\:m-auto                         { margin: auto; }
    .lg\:m-0                            { margin: 0; }
    .lg\:m-\[1px\]                      { margin: 1px; }
    .lg\:m-\[2px\]                      { margin: 2px; }
    .lg\:m-\[3px\]                      { margin: 3px; }
    .lg\:m-\[4px\]                      { margin: 4px; }
    .lg\:m-\[4px\]                      { margin: 4px; }
    .lg\:m-\[5px\]                      { margin: 5px; }
    .lg\:m-\[6px\]                      { margin: 6px; }
    .lg\:m-\[7px\]                      { margin: 7px; }
    .lg\:m-\[8px\]                      { margin: 8px; }
    .lg\:m-\[9px\]                      { margin: 9px; }
    .lg\:m-\[10px\]                     { margin: 10px; }
    .lg\:m-\[20px\]                     { margin: 20px; }
    .lg\:m-\[30px\]                     { margin: 30px; }
    .lg\:m-\[40px\]                     { margin: 40px; }
    .lg\:m-\[50px\]                     { margin: 50px; }
    .lg\:m-\[60px\]                     { margin: 60px; }
    .lg\:m-\[70px\]                     { margin: 70px; }
    .lg\:m-\[80px\]                     { margin: 80px; }
    .lg\:m-\[90px\]                     { margin: 90px; }
    .lg\:m-\[100px\]                    { margin: 100px; }
    .lg\:m-\[0\.5\]                     { margin: 0.5rem; }
    .lg\:m-\[1\]                        { margin: 1rem; }
    .lg\:m-\[1\.5\]                     { margin: 1.5rem; }
    .lg\:m-\[2\]                        { margin: 2rem; }
    .lg\:m-\[2\.5\]                     { margin: 2.5rem; }
    .lg\:m-\[3\]                        { margin: 3rem; }
    .lg\:m-\[3\.5\]                     { margin: 3.5rem; }
    .lg\:m-\[4\]                        { margin: 4rem; }
    .lg\:m-\[4\.5\]                     { margin: 4.5rem; }
    .lg\:m-\[5\]                        { margin: 5rem; }
    .lg\:m-\[5\.5\]                     { margin: 5.5rem; }

    .lg\:ml-auto                        { margin-left: auto; }
    .lg\:ml-0                           { margin-left: 0; }
    .lg\:ml-\[1px\]                     { margin-left: 1px; }
    .lg\:ml-\[2px\]                     { margin-left: 2px; }
    .lg\:ml-\[3px\]                     { margin-left: 3px; }
    .lg\:ml-\[4px\]                     { margin-left: 4px; }
    .lg\:ml-\[4px\]                     { margin-left: 4px; }
    .lg\:ml-\[5px\]                     { margin-left: 5px; }
    .lg\:ml-\[6px\]                     { margin-left: 6px; }
    .lg\:ml-\[7px\]                     { margin-left: 7px; }
    .lg\:ml-\[8px\]                     { margin-left: 8px; }
    .lg\:ml-\[9px\]                     { margin-left: 9px; }
    .lg\:ml-\[10px\]                    { margin-left: 10px; }
    .lg\:ml-\[20px\]                    { margin-left: 20px; }
    .lg\:ml-\[30px\]                    { margin-left: 30px; }
    .lg\:ml-\[40px\]                    { margin-left: 40px; }
    .lg\:ml-\[50px\]                    { margin-left: 50px; }
    .lg\:ml-\[60px\]                    { margin-left: 60px; }
    .lg\:ml-\[70px\]                    { margin-left: 70px; }
    .lg\:ml-\[80px\]                    { margin-left: 80px; }
    .lg\:ml-\[90px\]                    { margin-left: 90px; }
    .lg\:ml-\[100px\]                   { margin-left: 100px; }
    .lg\:ml-\[0\.5\]                    { margin-left: 0.5rem; }
    .lg\:ml-\[1\]                       { margin-left: 1rem; }
    .lg\:ml-\[1\.5\]                    { margin-left: 1.5rem; }
    .lg\:ml-\[2\]                       { margin-left: 2rem; }
    .lg\:ml-\[2\.5\]                    { margin-left: 2.5rem; }
    .lg\:ml-\[3\]                       { margin-left: 3rem; }
    .lg\:ml-\[3\.5\]                    { margin-left: 3.5rem; }
    .lg\:ml-\[4\]                       { margin-left: 4rem; }
    .lg\:ml-\[4\.5\]                    { margin-left: 4.5rem; }
    .lg\:ml-\[5\]                       { margin-left: 5rem; }
    .lg\:ml-\[5\.5\]                    { margin-left: 5.5rem; }

    .lg\:mr-auto                        { margin-right: auto; }
    .lg\:mr-0                           { margin-right: 0; }
    .lg\:mr-\[1px\]                     { margin-right: 1px; }
    .lg\:mr-\[2px\]                     { margin-right: 2px; }
    .lg\:mr-\[3px\]                     { margin-right: 3px; }
    .lg\:mr-\[4px\]                     { margin-right: 4px; }
    .lg\:mr-\[4px\]                     { margin-right: 4px; }
    .lg\:mr-\[5px\]                     { margin-right: 5px; }
    .lg\:mr-\[6px\]                     { margin-right: 6px; }
    .lg\:mr-\[7px\]                     { margin-right: 7px; }
    .lg\:mr-\[8px\]                     { margin-right: 8px; }
    .lg\:mr-\[9px\]                     { margin-right: 9px; }
    .lg\:mr-\[10px\]                    { margin-right: 10px; }
    .lg\:mr-\[20px\]                    { margin-right: 20px; }
    .lg\:mr-\[30px\]                    { margin-right: 30px; }
    .lg\:mr-\[40px\]                    { margin-right: 40px; }
    .lg\:mr-\[50px\]                    { margin-right: 50px; }
    .lg\:mr-\[60px\]                    { margin-right: 60px; }
    .lg\:mr-\[70px\]                    { margin-right: 70px; }
    .lg\:mr-\[80px\]                    { margin-right: 80px; }
    .lg\:mr-\[90px\]                    { margin-right: 90px; }
    .lg\:mr-\[100px\]                   { margin-right: 100px; }
    .lg\:mr-\[0\.5\]                    { margin-right: 0.5rem; }
    .lg\:mr-\[1\]                       { margin-right: 1rem; }
    .lg\:mr-\[1\.5\]                    { margin-right: 1.5rem; }
    .lg\:mr-\[2\]                       { margin-right: 2rem; }
    .lg\:mr-\[2\.5\]                    { margin-right: 2.5rem; }
    .lg\:mr-\[3\]                       { margin-right: 3rem; }
    .lg\:mr-\[3\.5\]                    { margin-right: 3.5rem; }
    .lg\:mr-\[4\]                       { margin-right: 4rem; }
    .lg\:mr-\[4\.5\]                    { margin-right: 4.5rem; }
    .lg\:mr-\[5\]                       { margin-right: 5rem; }
    .lg\:mr-\[5\.5\]                    { margin-right: 5.5rem; }

    .lg\:mt-auto                        { margin-top: auto; }
    .lg\:mt-0                           { margin-top: 0; }
    .lg\:mt-\[1px\]                     { margin-top: 1px; }
    .lg\:mt-\[2px\]                     { margin-top: 2px; }
    .lg\:mt-\[3px\]                     { margin-top: 3px; }
    .lg\:mt-\[4px\]                     { margin-top: 4px; }
    .lg\:mt-\[4px\]                     { margin-top: 4px; }
    .lg\:mt-\[5px\]                     { margin-top: 5px; }
    .lg\:mt-\[6px\]                     { margin-top: 6px; }
    .lg\:mt-\[7px\]                     { margin-top: 7px; }
    .lg\:mt-\[8px\]                     { margin-top: 8px; }
    .lg\:mt-\[9px\]                     { margin-top: 9px; }
    .lg\:mt-\[10px\]                    { margin-top: 10px; }
    .lg\:mt-\[20px\]                    { margin-top: 20px; }
    .lg\:mt-\[30px\]                    { margin-top: 30px; }
    .lg\:mt-\[40px\]                    { margin-top: 40px; }
    .lg\:mt-\[50px\]                    { margin-top: 50px; }
    .lg\:mt-\[60px\]                    { margin-top: 60px; }
    .lg\:mt-\[70px\]                    { margin-top: 70px; }
    .lg\:mt-\[80px\]                    { margin-top: 80px; }
    .lg\:mt-\[90px\]                    { margin-top: 90px; }
    .lg\:mt-\[100px\]                   { margin-top: 100px; }
    .lg\:mt-\[0\.5\]                    { margin-top: 0.5rem; }
    .lg\:mt-\[1\]                       { margin-top: 1rem; }
    .lg\:mt-\[1\.5\]                    { margin-top: 1.5rem; }
    .lg\:mt-\[2\]                       { margin-top: 2rem; }
    .lg\:mt-\[2\.5\]                    { margin-top: 2.5rem; }
    .lg\:mt-\[3\]                       { margin-top: 3rem; }
    .lg\:mt-\[3\.5\]                    { margin-top: 3.5rem; }
    .lg\:mt-\[4\]                       { margin-top: 4rem; }
    .lg\:mt-\[4\.5\]                    { margin-top: 4.5rem; }
    .lg\:mt-\[5\]                       { margin-top: 5rem; }
    .lg\:mt-\[5\.5\]                    { margin-top: 5.5rem; }

    .lg\:mb-auto                        { margin-bottom: auto; }
    .lg\:mb-0                           { margin-bottom: 0; }
    .lg\:mb-\[1px\]                     { margin-bottom: 1px; }
    .lg\:mb-\[2px\]                     { margin-bottom: 2px; }
    .lg\:mb-\[3px\]                     { margin-bottom: 3px; }
    .lg\:mb-\[4px\]                     { margin-bottom: 4px; }
    .lg\:mb-\[4px\]                     { margin-bottom: 4px; }
    .lg\:mb-\[5px\]                     { margin-bottom: 5px; }
    .lg\:mb-\[6px\]                     { margin-bottom: 6px; }
    .lg\:mb-\[7px\]                     { margin-bottom: 7px; }
    .lg\:mb-\[8px\]                     { margin-bottom: 8px; }
    .lg\:mb-\[9px\]                     { margin-bottom: 9px; }
    .lg\:mb-\[10px\]                    { margin-bottom: 10px; }
    .lg\:mb-\[20px\]                    { margin-bottom: 20px; }
    .lg\:mb-\[30px\]                    { margin-bottom: 30px; }
    .lg\:mb-\[40px\]                    { margin-bottom: 40px; }
    .lg\:mb-\[50px\]                    { margin-bottom: 50px; }
    .lg\:mb-\[60px\]                    { margin-bottom: 60px; }
    .lg\:mb-\[70px\]                    { margin-bottom: 70px; }
    .lg\:mb-\[80px\]                    { margin-bottom: 80px; }
    .lg\:mb-\[90px\]                    { margin-bottom: 90px; }
    .lg\:mb-\[100px\]                   { margin-bottom: 100px; }
    .lg\:mb-\[0\.5\]                    { margin-bottom: 0.5rem; }
    .lg\:mb-\[1\]                       { margin-bottom: 1rem; }
    .lg\:mb-\[1\.5\]                    { margin-bottom: 1.5rem; }
    .lg\:mb-\[2\]                       { margin-bottom: 2rem; }
    .lg\:mb-\[2\.5\]                    { margin-bottom: 2.5rem; }
    .lg\:mb-\[3\]                       { margin-bottom: 3rem; }
    .lg\:mb-\[3\.5\]                    { margin-bottom: 3.5rem; }
    .lg\:mb-\[4\]                       { margin-bottom: 4rem; }
    .lg\:mb-\[4\.5\]                    { margin-bottom: 4.5rem; }
    .lg\:mb-\[5\]                       { margin-bottom: 5rem; }
    .lg\:mb-\[5\.5\]                    { margin-bottom: 5.5rem; }

    .lg\:mx-auto                        { margin-inline: auto; }
    .lg\:mx-\[-50px\]                   { margin-inline: -50px; }
    .lg\:mx-\[-40px\]                   { margin-inline: -40px; }
    .lg\:mx-\[-30px\]                   { margin-inline: -30px; }
    .lg\:mx-\[-20px\]                   { margin-inline: -20px; }
    .lg\:mx-\[-10px\]                   { margin-inline: -10px; }
    .lg\:mx-\[0px\]                     { margin-inline: 0px; }
    .lg\:mx-\[10px\]                    { margin-inline: 10px; }
    .lg\:mx-\[20px\]                    { margin-inline: 20px; }
    .lg\:mx-\[30px\]                    { margin-inline: 30px; }
    .lg\:mx-\[40px\]                    { margin-inline: 40px; }
    .lg\:mx-\[50px\]                    { margin-inline: 50px; }
    .lg\:mx-\[0\.5\]                    { margin-inline: 0.5rem; }
    .lg\:mx-\[1\]                       { margin-inline: 1rem; }
    .lg\:mx-\[1\.5\]                    { margin-inline: 1.5rem; }
    .lg\:mx-\[2\]                       { margin-inline: 2rem; }
    .lg\:mx-\[2\.5\]                    { margin-inline: 2.5rem; }
    .lg\:mx-\[3\]                       { margin-inline: 3rem; }
    .lg\:mx-\[3\.5\]                    { margin-inline: 3.5rem; }
    .lg\:mx-\[4\]                       { margin-inline: 4rem; }
    .lg\:mx-\[4\.5\]                    { margin-inline: 4.5rem; }
    .lg\:mx-\[5\]                       { margin-inline: 5rem; }
    .lg\:mx-\[5\.5\]                    { margin-inline: 5.5rem; }

    .lg\:my-\[-50px\]                   { margin-block: -50px; }
    .lg\:my-\[-40px\]                   { margin-block: -40px; }
    .lg\:my-\[-30px\]                   { margin-block: -30px; }
    .lg\:my-\[-20px\]                   { margin-block: -20px; }
    .lg\:my-\[-10px\]                   { margin-block: -10px; }
    .lg\:my-\[0px\]                     { margin-block: 0px; }
    .lg\:my-\[10px\]                    { margin-block: 10px; }
    .lg\:my-\[20px\]                    { margin-block: 20px; }
    .lg\:my-\[30px\]                    { margin-block: 30px; }
    .lg\:my-\[40px\]                    { margin-block: 40px; }
    .lg\:my-\[50px\]                    { margin-block: 50px; }
    .lg\:my-\[60px\]                    { margin-block: 60px; }
    .lg\:my-\[70px\]                    { margin-block: 70px; }
    .lg\:my-\[80px\]                    { margin-block: 80px; }
    .lg\:my-\[90px\]                    { margin-block: 90px; }
    .lg\:my-\[100px\]                   { margin-block: 100px; }
    .lg\:my-\[0\.5\]                    { margin-block: 0.5rem; }
    .lg\:my-\[1\]                       { margin-block: 1rem; }
    .lg\:my-\[1\.5\]                    { margin-block: 1.5rem; }
    .lg\:my-\[2\]                       { margin-block: 2rem; }
    .lg\:my-\[2\.5\]                    { margin-block: 2.5rem; }
    .lg\:my-\[3\]                       { margin-block: 3rem; }
    .lg\:my-\[3\.5\]                    { margin-block: 3.5rem; }
    .lg\:my-\[4\]                       { margin-block: 4rem; }
    .lg\:my-\[4\.5\]                    { margin-block: 4.5rem; }
    .lg\:my-\[5\]                       { margin-block: 5rem; }
    .lg\:my-\[5\.5\]                    { margin-block: 5.5rem; }
}

@media screen and (min-width: 1440px) {
    .xl\:m-auto                         { margin: auto; }
    .xl\:m-0                            { margin: 0; }
    .xl\:m-\[1px\]                      { margin: 1px; }
    .xl\:m-\[2px\]                      { margin: 2px; }
    .xl\:m-\[3px\]                      { margin: 3px; }
    .xl\:m-\[4px\]                      { margin: 4px; }
    .xl\:m-\[4px\]                      { margin: 4px; }
    .xl\:m-\[5px\]                      { margin: 5px; }
    .xl\:m-\[6px\]                      { margin: 6px; }
    .xl\:m-\[7px\]                      { margin: 7px; }
    .xl\:m-\[8px\]                      { margin: 8px; }
    .xl\:m-\[9px\]                      { margin: 9px; }
    .xl\:m-\[10px\]                     { margin: 10px; }
    .xl\:m-\[20px\]                     { margin: 20px; }
    .xl\:m-\[30px\]                     { margin: 30px; }
    .xl\:m-\[40px\]                     { margin: 40px; }
    .xl\:m-\[50px\]                     { margin: 50px; }
    .xl\:m-\[60px\]                     { margin: 60px; }
    .xl\:m-\[70px\]                     { margin: 70px; }
    .xl\:m-\[80px\]                     { margin: 80px; }
    .xl\:m-\[90px\]                     { margin: 90px; }
    .xl\:m-\[100px\]                    { margin: 100px; }
    .xl\:m-\[0\.5\]                     { margin: 0.5rem; }
    .xl\:m-\[1\]                        { margin: 1rem; }
    .xl\:m-\[1\.5\]                     { margin: 1.5rem; }
    .xl\:m-\[2\]                        { margin: 2rem; }
    .xl\:m-\[2\.5\]                     { margin: 2.5rem; }
    .xl\:m-\[3\]                        { margin: 3rem; }
    .xl\:m-\[3\.5\]                     { margin: 3.5rem; }
    .xl\:m-\[4\]                        { margin: 4rem; }
    .xl\:m-\[4\.5\]                     { margin: 4.5rem; }
    .xl\:m-\[5\]                        { margin: 5rem; }
    .xl\:m-\[5\.5\]                     { margin: 5.5rem; }

    .xl\:ml-auto                        { margin-left: auto; }
    .xl\:ml-0                           { margin-left: 0; }
    .xl\:ml-\[1px\]                     { margin-left: 1px; }
    .xl\:ml-\[2px\]                     { margin-left: 2px; }
    .xl\:ml-\[3px\]                     { margin-left: 3px; }
    .xl\:ml-\[4px\]                     { margin-left: 4px; }
    .xl\:ml-\[4px\]                     { margin-left: 4px; }
    .xl\:ml-\[5px\]                     { margin-left: 5px; }
    .xl\:ml-\[6px\]                     { margin-left: 6px; }
    .xl\:ml-\[7px\]                     { margin-left: 7px; }
    .xl\:ml-\[8px\]                     { margin-left: 8px; }
    .xl\:ml-\[9px\]                     { margin-left: 9px; }
    .xl\:ml-\[10px\]                    { margin-left: 10px; }
    .xl\:ml-\[20px\]                    { margin-left: 20px; }
    .xl\:ml-\[30px\]                    { margin-left: 30px; }
    .xl\:ml-\[40px\]                    { margin-left: 40px; }
    .xl\:ml-\[50px\]                    { margin-left: 50px; }
    .xl\:ml-\[60px\]                    { margin-left: 60px; }
    .xl\:ml-\[70px\]                    { margin-left: 70px; }
    .xl\:ml-\[80px\]                    { margin-left: 80px; }
    .xl\:ml-\[90px\]                    { margin-left: 90px; }
    .xl\:ml-\[100px\]                   { margin-left: 100px; }
    .xl\:ml-\[0\.5\]                    { margin-left: 0.5rem; }
    .xl\:ml-\[1\]                       { margin-left: 1rem; }
    .xl\:ml-\[1\.5\]                    { margin-left: 1.5rem; }
    .xl\:ml-\[2\]                       { margin-left: 2rem; }
    .xl\:ml-\[2\.5\]                    { margin-left: 2.5rem; }
    .xl\:ml-\[3\]                       { margin-left: 3rem; }
    .xl\:ml-\[3\.5\]                    { margin-left: 3.5rem; }
    .xl\:ml-\[4\]                       { margin-left: 4rem; }
    .xl\:ml-\[4\.5\]                    { margin-left: 4.5rem; }
    .xl\:ml-\[5\]                       { margin-left: 5rem; }
    .xl\:ml-\[5\.5\]                    { margin-left: 5.5rem; }

    .xl\:mr-auto                        { margin-right: auto; }
    .xl\:mr-0                           { margin-right: 0; }
    .xl\:mr-\[1px\]                     { margin-right: 1px; }
    .xl\:mr-\[2px\]                     { margin-right: 2px; }
    .xl\:mr-\[3px\]                     { margin-right: 3px; }
    .xl\:mr-\[4px\]                     { margin-right: 4px; }
    .xl\:mr-\[4px\]                     { margin-right: 4px; }
    .xl\:mr-\[5px\]                     { margin-right: 5px; }
    .xl\:mr-\[6px\]                     { margin-right: 6px; }
    .xl\:mr-\[7px\]                     { margin-right: 7px; }
    .xl\:mr-\[8px\]                     { margin-right: 8px; }
    .xl\:mr-\[9px\]                     { margin-right: 9px; }
    .xl\:mr-\[10px\]                    { margin-right: 10px; }
    .xl\:mr-\[20px\]                    { margin-right: 20px; }
    .xl\:mr-\[30px\]                    { margin-right: 30px; }
    .xl\:mr-\[40px\]                    { margin-right: 40px; }
    .xl\:mr-\[50px\]                    { margin-right: 50px; }
    .xl\:mr-\[60px\]                    { margin-right: 60px; }
    .xl\:mr-\[70px\]                    { margin-right: 70px; }
    .xl\:mr-\[80px\]                    { margin-right: 80px; }
    .xl\:mr-\[90px\]                    { margin-right: 90px; }
    .xl\:mr-\[100px\]                   { margin-right: 100px; }
    .xl\:mr-\[0\.5\]                    { margin-right: 0.5rem; }
    .xl\:mr-\[1\]                       { margin-right: 1rem; }
    .xl\:mr-\[1\.5\]                    { margin-right: 1.5rem; }
    .xl\:mr-\[2\]                       { margin-right: 2rem; }
    .xl\:mr-\[2\.5\]                    { margin-right: 2.5rem; }
    .xl\:mr-\[3\]                       { margin-right: 3rem; }
    .xl\:mr-\[3\.5\]                    { margin-right: 3.5rem; }
    .xl\:mr-\[4\]                       { margin-right: 4rem; }
    .xl\:mr-\[4\.5\]                    { margin-right: 4.5rem; }
    .xl\:mr-\[5\]                       { margin-right: 5rem; }
    .xl\:mr-\[5\.5\]                    { margin-right: 5.5rem; }

    .xl\:mt-auto                        { margin-top: auto; }
    .xl\:mt-0                           { margin-top: 0; }
    .xl\:mt-\[1px\]                     { margin-top: 1px; }
    .xl\:mt-\[2px\]                     { margin-top: 2px; }
    .xl\:mt-\[3px\]                     { margin-top: 3px; }
    .xl\:mt-\[4px\]                     { margin-top: 4px; }
    .xl\:mt-\[4px\]                     { margin-top: 4px; }
    .xl\:mt-\[5px\]                     { margin-top: 5px; }
    .xl\:mt-\[6px\]                     { margin-top: 6px; }
    .xl\:mt-\[7px\]                     { margin-top: 7px; }
    .xl\:mt-\[8px\]                     { margin-top: 8px; }
    .xl\:mt-\[9px\]                     { margin-top: 9px; }
    .xl\:mt-\[10px\]                    { margin-top: 10px; }
    .xl\:mt-\[20px\]                    { margin-top: 20px; }
    .xl\:mt-\[30px\]                    { margin-top: 30px; }
    .xl\:mt-\[40px\]                    { margin-top: 40px; }
    .xl\:mt-\[50px\]                    { margin-top: 50px; }
    .xl\:mt-\[60px\]                    { margin-top: 60px; }
    .xl\:mt-\[70px\]                    { margin-top: 70px; }
    .xl\:mt-\[80px\]                    { margin-top: 80px; }
    .xl\:mt-\[90px\]                    { margin-top: 90px; }
    .xl\:mt-\[100px\]                   { margin-top: 100px; }
    .xl\:mt-\[0\.5\]                    { margin-top: 0.5rem; }
    .xl\:mt-\[1\]                       { margin-top: 1rem; }
    .xl\:mt-\[1\.5\]                    { margin-top: 1.5rem; }
    .xl\:mt-\[2\]                       { margin-top: 2rem; }
    .xl\:mt-\[2\.5\]                    { margin-top: 2.5rem; }
    .xl\:mt-\[3\]                       { margin-top: 3rem; }
    .xl\:mt-\[3\.5\]                    { margin-top: 3.5rem; }
    .xl\:mt-\[4\]                       { margin-top: 4rem; }
    .xl\:mt-\[4\.5\]                    { margin-top: 4.5rem; }
    .xl\:mt-\[5\]                       { margin-top: 5rem; }
    .xl\:mt-\[5\.5\]                    { margin-top: 5.5rem; }

    .xl\:mb-auto                        { margin-bottom: auto; }
    .xl\:mb-0                           { margin-bottom: 0; }
    .xl\:mb-\[1px\]                     { margin-bottom: 1px; }
    .xl\:mb-\[2px\]                     { margin-bottom: 2px; }
    .xl\:mb-\[3px\]                     { margin-bottom: 3px; }
    .xl\:mb-\[4px\]                     { margin-bottom: 4px; }
    .xl\:mb-\[4px\]                     { margin-bottom: 4px; }
    .xl\:mb-\[5px\]                     { margin-bottom: 5px; }
    .xl\:mb-\[6px\]                     { margin-bottom: 6px; }
    .xl\:mb-\[7px\]                     { margin-bottom: 7px; }
    .xl\:mb-\[8px\]                     { margin-bottom: 8px; }
    .xl\:mb-\[9px\]                     { margin-bottom: 9px; }
    .xl\:mb-\[10px\]                    { margin-bottom: 10px; }
    .xl\:mb-\[20px\]                    { margin-bottom: 20px; }
    .xl\:mb-\[30px\]                    { margin-bottom: 30px; }
    .xl\:mb-\[40px\]                    { margin-bottom: 40px; }
    .xl\:mb-\[50px\]                    { margin-bottom: 50px; }
    .xl\:mb-\[60px\]                    { margin-bottom: 60px; }
    .xl\:mb-\[70px\]                    { margin-bottom: 70px; }
    .xl\:mb-\[80px\]                    { margin-bottom: 80px; }
    .xl\:mb-\[90px\]                    { margin-bottom: 90px; }
    .xl\:mb-\[100px\]                   { margin-bottom: 100px; }
    .xl\:mb-\[0\.5\]                    { margin-bottom: 0.5rem; }
    .xl\:mb-\[1\]                       { margin-bottom: 1rem; }
    .xl\:mb-\[1\.5\]                    { margin-bottom: 1.5rem; }
    .xl\:mb-\[2\]                       { margin-bottom: 2rem; }
    .xl\:mb-\[2\.5\]                    { margin-bottom: 2.5rem; }
    .xl\:mb-\[3\]                       { margin-bottom: 3rem; }
    .xl\:mb-\[3\.5\]                    { margin-bottom: 3.5rem; }
    .xl\:mb-\[4\]                       { margin-bottom: 4rem; }
    .xl\:mb-\[4\.5\]                    { margin-bottom: 4.5rem; }
    .xl\:mb-\[5\]                       { margin-bottom: 5rem; }
    .xl\:mb-\[5\.5\]                    { margin-bottom: 5.5rem; }

    .xl\:mx-auto                        { margin-inline: auto; }
    .xl\:mx-\[-50px\]                   { margin-inline: -50px; }
    .xl\:mx-\[-40px\]                   { margin-inline: -40px; }
    .xl\:mx-\[-30px\]                   { margin-inline: -30px; }
    .xl\:mx-\[-20px\]                   { margin-inline: -20px; }
    .xl\:mx-\[-10px\]                   { margin-inline: -10px; }
    .xl\:mx-\[0px\]                     { margin-inline: 0px; }
    .xl\:mx-\[10px\]                    { margin-inline: 10px; }
    .xl\:mx-\[20px\]                    { margin-inline: 20px; }
    .xl\:mx-\[30px\]                    { margin-inline: 30px; }
    .xl\:mx-\[40px\]                    { margin-inline: 40px; }
    .xl\:mx-\[50px\]                    { margin-inline: 50px; }
    .xl\:mx-\[0\.5\]                    { margin-inline: 0.5rem; }
    .xl\:mx-\[1\]                       { margin-inline: 1rem; }
    .xl\:mx-\[1\.5\]                    { margin-inline: 1.5rem; }
    .xl\:mx-\[2\]                       { margin-inline: 2rem; }
    .xl\:mx-\[2\.5\]                    { margin-inline: 2.5rem; }
    .xl\:mx-\[3\]                       { margin-inline: 3rem; }
    .xl\:mx-\[3\.5\]                    { margin-inline: 3.5rem; }
    .xl\:mx-\[4\]                       { margin-inline: 4rem; }
    .xl\:mx-\[4\.5\]                    { margin-inline: 4.5rem; }
    .xl\:mx-\[5\]                       { margin-inline: 5rem; }
    .xl\:mx-\[5\.5\]                    { margin-inline: 5.5rem; }

    .xl\:my-\[-50px\]                   { margin-block: -50px; }
    .xl\:my-\[-40px\]                   { margin-block: -40px; }
    .xl\:my-\[-30px\]                   { margin-block: -30px; }
    .xl\:my-\[-20px\]                   { margin-block: -20px; }
    .xl\:my-\[-10px\]                   { margin-block: -10px; }
    .xl\:my-\[0px\]                     { margin-block: 0px; }
    .xl\:my-\[10px\]                    { margin-block: 10px; }
    .xl\:my-\[20px\]                    { margin-block: 20px; }
    .xl\:my-\[30px\]                    { margin-block: 30px; }
    .xl\:my-\[40px\]                    { margin-block: 40px; }
    .xl\:my-\[50px\]                    { margin-block: 50px; }
    .xl\:my-\[50px\]                    { margin-block: 50px; }
    .xl\:my-\[60px\]                    { margin-block: 60px; }
    .xl\:my-\[70px\]                    { margin-block: 70px; }
    .xl\:my-\[80px\]                    { margin-block: 80px; }
    .xl\:my-\[90px\]                    { margin-block: 90px; }
    .xl\:my-\[100px\]                   { margin-block: 100px; }
    .xl\:my-\[0\.5\]                    { margin-block: 0.5rem; }
    .xl\:my-\[1\]                       { margin-block: 1rem; }
    .xl\:my-\[1\.5\]                    { margin-block: 1.5rem; }
    .xl\:my-\[2\]                       { margin-block: 2rem; }
    .xl\:my-\[2\.5\]                    { margin-block: 2.5rem; }
    .xl\:my-\[3\]                       { margin-block: 3rem; }
    .xl\:my-\[3\.5\]                    { margin-block: 3.5rem; }
    .xl\:my-\[4\]                       { margin-block: 4rem; }
    .xl\:my-\[4\.5\]                    { margin-block: 4.5rem; }
    .xl\:my-\[5\]                       { margin-block: 5rem; }
    .xl\:my-\[5\.5\]                    { margin-block: 5.5rem; }
}


/* Padding */
.p-auto                         { padding: auto; }
.p-0                            { padding: 0; }
.p-\[1px\]                      { padding: 1px; }
.p-\[2px\]                      { padding: 2px; }
.p-\[3px\]                      { padding: 3px; }
.p-\[4px\]                      { padding: 4px; }
.p-\[4px\]                      { padding: 4px; }
.p-\[5px\]                      { padding: 5px; }
.p-\[6px\]                      { padding: 6px; }
.p-\[7px\]                      { padding: 7px; }
.p-\[8px\]                      { padding: 8px; }
.p-\[9px\]                      { padding: 9px; }
.p-\[10px\]                     { padding: 10px; }
.p-\[20px\]                     { padding: 20px; }
.p-\[30px\]                     { padding: 30px; }
.p-\[40px\]                     { padding: 40px; }
.p-\[50px\]                     { padding: 50px; }
.p-\[60px\]                     { padding: 60px; }
.p-\[70px\]                     { padding: 70px; }
.p-\[80px\]                     { padding: 80px; }
.p-\[90px\]                     { padding: 90px; }
.p-\[100px\]                    { padding: 100px; }
.p-\[1\]                        { padding: 1rem; }
.p-\[1\.5\]                     { padding: 1.5rem; }
.p-\[2\]                        { padding: 2rem; }
.p-\[2\.5\]                     { padding: 2.5rem; }
.p-\[3\]                        { padding: 3rem; }
.p-\[3\.5\]                     { padding: 3.5rem; }
.p-\[4\]                        { padding: 4rem; }
.p-\[4\.5\]                     { padding: 4.5rem; }
.p-\[5\]                        { padding: 5rem; }
.p-\[5\.5\]                     { padding: 5.5rem; }

.pl-auto                        { padding-left: auto; }
.pl-0                           { padding-left: 0; }
.pl-\[1px\]                     { padding-left: 1px; }
.pl-\[2px\]                     { padding-left: 2px; }
.pl-\[3px\]                     { padding-left: 3px; }
.pl-\[4px\]                     { padding-left: 4px; }
.pl-\[4px\]                     { padding-left: 4px; }
.pl-\[5px\]                     { padding-left: 5px; }
.pl-\[6px\]                     { padding-left: 6px; }
.pl-\[7px\]                     { padding-left: 7px; }
.pl-\[8px\]                     { padding-left: 8px; }
.pl-\[9px\]                     { padding-left: 9px; }
.pl-\[10px\]                    { padding-left: 10px; }
.pl-\[20px\]                    { padding-left: 20px; }
.pl-\[30px\]                    { padding-left: 30px; }
.pl-\[40px\]                    { padding-left: 40px; }
.pl-\[50px\]                    { padding-left: 50px; }
.pl-\[60px\]                    { padding-left: 60px; }
.pl-\[70px\]                    { padding-left: 70px; }
.pl-\[80px\]                    { padding-left: 80px; }
.pl-\[90px\]                    { padding-left: 90px; }
.pl-\[100px\]                   { padding-left: 100px; }
.pl-\[1\]                       { padding-left: 1rem; }
.pl-\[1\.5\]                    { padding-left: 1.5rem; }
.pl-\[2\]                       { padding-left: 2rem; }
.pl-\[2\.5\]                    { padding-left: 2.5rem; }
.pl-\[3\]                       { padding-left: 3rem; }
.pl-\[3\.5\]                    { padding-left: 3.5rem; }
.pl-\[4\]                       { padding-left: 4rem; }
.pl-\[4\.5\]                    { padding-left: 4.5rem; }
.pl-\[5\]                       { padding-left: 5rem; }
.pl-\[5\.5\]                    { padding-left: 5.5rem; }

.pr-auto                        { padding-right: auto; }
.pr-0                           { padding-right: 0; }
.pr-\[1px\]                     { padding-right: 1px; }
.pr-\[2px\]                     { padding-right: 2px; }
.pr-\[3px\]                     { padding-right: 3px; }
.pr-\[4px\]                     { padding-right: 4px; }
.pr-\[4px\]                     { padding-right: 4px; }
.pr-\[5px\]                     { padding-right: 5px; }
.pr-\[6px\]                     { padding-right: 6px; }
.pr-\[7px\]                     { padding-right: 7px; }
.pr-\[8px\]                     { padding-right: 8px; }
.pr-\[9px\]                     { padding-right: 9px; }
.pr-\[10px\]                    { padding-right: 10px; }
.pr-\[20px\]                    { padding-right: 20px; }
.pr-\[30px\]                    { padding-right: 30px; }
.pr-\[40px\]                    { padding-right: 40px; }
.pr-\[50px\]                    { padding-right: 50px; }
.pr-\[60px\]                    { padding-right: 60px; }
.pr-\[70px\]                    { padding-right: 70px; }
.pr-\[80px\]                    { padding-right: 80px; }
.pr-\[90px\]                    { padding-right: 90px; }
.pr-\[100px\]                   { padding-right: 100px; }
.pr-\[1\]                       { padding-right: 1rem; }
.pr-\[1\.5\]                    { padding-right: 1.5rem; }
.pr-\[2\]                       { padding-right: 2rem; }
.pr-\[2\.5\]                    { padding-right: 2.5rem; }
.pr-\[3\]                       { padding-right: 3rem; }
.pr-\[3\.5\]                    { padding-right: 3.5rem; }
.pr-\[4\]                       { padding-right: 4rem; }
.pr-\[4\.5\]                    { padding-right: 4.5rem; }
.pr-\[5\]                       { padding-right: 5rem; }
.pr-\[5\.5\]                    { padding-right: 5.5rem; }

.pt-auto                        { padding-top: auto; }
.pt-0                           { padding-top: 0; }
.pt-\[1px\]                     { padding-top: 1px; }
.pt-\[2px\]                     { padding-top: 2px; }
.pt-\[3px\]                     { padding-top: 3px; }
.pt-\[4px\]                     { padding-top: 4px; }
.pt-\[4px\]                     { padding-top: 4px; }
.pt-\[5px\]                     { padding-top: 5px; }
.pt-\[6px\]                     { padding-top: 6px; }
.pt-\[7px\]                     { padding-top: 7px; }
.pt-\[8px\]                     { padding-top: 8px; }
.pt-\[9px\]                     { padding-top: 9px; }
.pt-\[10px\]                    { padding-top: 10px; }
.pt-\[20px\]                    { padding-top: 20px; }
.pt-\[30px\]                    { padding-top: 30px; }
.pt-\[40px\]                    { padding-top: 40px; }
.pt-\[50px\]                    { padding-top: 50px; }
.pt-\[60px\]                    { padding-top: 60px; }
.pt-\[70px\]                    { padding-top: 70px; }
.pt-\[80px\]                    { padding-top: 80px; }
.pt-\[90px\]                    { padding-top: 90px; }
.pt-\[100px\]                   { padding-top: 100px; }
.pt-\[1\]                       { padding-top: 1rem; }
.pt-\[1\.5\]                    { padding-top: 1.5rem; }
.pt-\[2\]                       { padding-top: 2rem; }
.pt-\[2\.5\]                    { padding-top: 2.5rem; }
.pt-\[3\]                       { padding-top: 3rem; }
.pt-\[3\.5\]                    { padding-top: 3.5rem; }
.pt-\[4\]                       { padding-top: 4rem; }
.pt-\[4\.5\]                    { padding-top: 4.5rem; }
.pt-\[5\]                       { padding-top: 5rem; }
.pt-\[5\.5\]                    { padding-top: 5.5rem; }

.pb-auto                        { padding-bottom: auto; }
.pb-0                           { padding-bottom: 0; }
.pb-\[1px\]                     { padding-bottom: 1px; }
.pb-\[2px\]                     { padding-bottom: 2px; }
.pb-\[3px\]                     { padding-bottom: 3px; }
.pb-\[4px\]                     { padding-bottom: 4px; }
.pb-\[4px\]                     { padding-bottom: 4px; }
.pb-\[5px\]                     { padding-bottom: 5px; }
.pb-\[6px\]                     { padding-bottom: 6px; }
.pb-\[7px\]                     { padding-bottom: 7px; }
.pb-\[8px\]                     { padding-bottom: 8px; }
.pb-\[9px\]                     { padding-bottom: 9px; }
.pb-\[10px\]                    { padding-bottom: 10px; }
.pb-\[20px\]                    { padding-bottom: 20px; }
.pb-\[30px\]                    { padding-bottom: 30px; }
.pb-\[40px\]                    { padding-bottom: 40px; }
.pb-\[50px\]                    { padding-bottom: 50px; }
.pb-\[60px\]                    { padding-bottom: 60px; }
.pb-\[70px\]                    { padding-bottom: 70px; }
.pb-\[80px\]                    { padding-bottom: 80px; }
.pb-\[90px\]                    { padding-bottom: 90px; }
.pb-\[100px\]                   { padding-bottom: 100px; }
.pb-\[1\]                       { padding-bottom: 1rem; }
.pb-\[1\.5\]                    { padding-bottom: 1.5rem; }
.pb-\[2\]                       { padding-bottom: 2rem; }
.pb-\[2\.5\]                    { padding-bottom: 2.5rem; }
.pb-\[3\]                       { padding-bottom: 3rem; }
.pb-\[3\.5\]                    { padding-bottom: 3.5rem; }
.pb-\[4\]                       { padding-bottom: 4rem; }
.pb-\[4\.5\]                    { padding-bottom: 4.5rem; }
.pb-\[5\]                       { padding-bottom: 5rem; }
.pb-\[5\.5\]                    { padding-bottom: 5.5rem; }

.px-\[-50px\]                   { padding-inline: -50px; }
.px-\[-40px\]                   { padding-inline: -40px; }
.px-\[-30px\]                   { padding-inline: -30px; }
.px-\[-20px\]                   { padding-inline: -20px; }
.px-\[-10px\]                   { padding-inline: -10px; }
.px-\[0px\]                     { padding-inline: 0px; }
.px-\[10px\]                    { padding-inline: 10px; }
.px-\[20px\]                    { padding-inline: 20px; }
.px-\[30px\]                    { padding-inline: 30px; }
.px-\[40px\]                    { padding-inline: 40px; }
.px-\[50px\]                    { padding-inline: 50px; }
.px-\[1\]                       { padding-inline: 1rem; }
.px-\[1\.5\]                    { padding-inline: 1.5rem; }
.px-\[2\]                       { padding-inline: 2rem; }
.px-\[2\.5\]                    { padding-inline: 2.5rem; }
.px-\[3\]                       { padding-inline: 3rem; }
.px-\[3\.5\]                    { padding-inline: 3.5rem; }
.px-\[4\]                       { padding-inline: 4rem; }
.px-\[4\.5\]                    { padding-inline: 4.5rem; }
.px-\[5\]                       { padding-inline: 5rem; }
.px-\[5\.5\]                    { padding-inline: 5.5rem; }

.py-\[-50px\]                   { padding-block: -50px; }
.py-\[-40px\]                   { padding-block: -40px; }
.py-\[-30px\]                   { padding-block: -30px; }
.py-\[-20px\]                   { padding-block: -20px; }
.py-\[-10px\]                   { padding-block: -10px; }
.py-\[0px\]                     { padding-block: 0px !important; }
.py-\[10px\]                    { padding-block: 10px; }
.py-\[20px\]                    { padding-block: 20px; }
.py-\[30px\]                    { padding-block: 30px; }
.py-\[40px\]                    { padding-block: 40px; }
.py-\[50px\]                    { padding-block: 50px; }
.py-\[1\]                       { padding-block: 1rem; }
.py-\[1\.5\]                    { padding-block: 1.5rem; }
.py-\[2\]                       { padding-block: 2rem; }
.py-\[2\.5\]                    { padding-block: 2.5rem; }
.py-\[3\]                       { padding-block: 3rem; }
.py-\[3\.5\]                    { padding-block: 3.5rem; }
.py-\[4\]                       { padding-block: 4rem; }
.py-\[4\.5\]                    { padding-block: 4.5rem; }
.py-\[5\]                       { padding-block: 5rem; }
.py-\[5\.5\]                    { padding-block: 5.5rem; }

@media screen and (min-width: 768px) {
    .md\:p-auto                 { padding: auto; }
    .md\:p-0                    { padding: 0; }
    .md\:p-\[1px\]              { padding: 1px; }
    .md\:p-\[2px\]              { padding: 2px; }
    .md\:p-\[3px\]              { padding: 3px; }
    .md\:p-\[4px\]              { padding: 4px; }
    .md\:p-\[4px\]              { padding: 4px; }
    .md\:p-\[5px\]              { padding: 5px; }
    .md\:p-\[6px\]              { padding: 6px; }
    .md\:p-\[7px\]              { padding: 7px; }
    .md\:p-\[8px\]              { padding: 8px; }
    .md\:p-\[9px\]              { padding: 9px; }
    .md\:p-\[10px\]             { padding: 10px; }
    .md\:p-\[20px\]             { padding: 20px; }
    .md\:p-\[30px\]             { padding: 30px; }
    .md\:p-\[40px\]             { padding: 40px; }
    .md\:p-\[50px\]             { padding: 50px; }
    .md\:p-\[60px\]             { padding: 60px; }
    .md\:p-\[70px\]             { padding: 70px; }
    .md\:p-\[80px\]             { padding: 80px; }
    .md\:p-\[90px\]             { padding: 90px; }
    .md\:p-\[100px\]            { padding: 100px; }
    .md\:p-\[1\]                { padding: 1rem; }
    .md\:p-\[1\.5\]             { padding: 1.5rem; }
    .md\:p-\[2\]                { padding: 2rem; }
    .md\:p-\[2\.5\]             { padding: 2.5rem; }
    .md\:p-\[3\]                { padding: 3rem; }
    .md\:p-\[3\.5\]             { padding: 3.5rem; }
    .md\:p-\[4\]                { padding: 4rem; }
    .md\:p-\[4\.5\]             { padding: 4.5rem; }
    .md\:p-\[5\]                { padding: 5rem; }
    .md\:p-\[5\.5\]             { padding: 5.5rem; }
    
    .md\:pl-auto                { padding-left: auto; }
    .md\:pl-0                   { padding-left: 0; }
    .md\:pl-\[1px\]             { padding-left: 1px; }
    .md\:pl-\[2px\]             { padding-left: 2px; }
    .md\:pl-\[3px\]             { padding-left: 3px; }
    .md\:pl-\[4px\]             { padding-left: 4px; }
    .md\:pl-\[4px\]             { padding-left: 4px; }
    .md\:pl-\[5px\]             { padding-left: 5px; }
    .md\:pl-\[6px\]             { padding-left: 6px; }
    .md\:pl-\[7px\]             { padding-left: 7px; }
    .md\:pl-\[8px\]             { padding-left: 8px; }
    .md\:pl-\[9px\]             { padding-left: 9px; }
    .md\:pl-\[10px\]            { padding-left: 10px; }
    .md\:pl-\[20px\]            { padding-left: 20px; }
    .md\:pl-\[30px\]            { padding-left: 30px; }
    .md\:pl-\[40px\]            { padding-left: 40px; }
    .md\:pl-\[50px\]            { padding-left: 50px; }
    .md\:pl-\[60px\]            { padding-left: 60px; }
    .md\:pl-\[70px\]            { padding-left: 70px; }
    .md\:pl-\[80px\]            { padding-left: 80px; }
    .md\:pl-\[90px\]            { padding-left: 90px; }
    .md\:pl-\[100px\]           { padding-left: 100px; }
    .md\:pl-\[1\]               { padding-left: 1rem; }
    .md\:pl-\[1\.5\]            { padding-left: 1.5rem; }
    .md\:pl-\[2\]               { padding-left: 2rem; }
    .md\:pl-\[2\.5\]            { padding-left: 2.5rem; }
    .md\:pl-\[3\]               { padding-left: 3rem; }
    .md\:pl-\[3\.5\]            { padding-left: 3.5rem; }
    .md\:pl-\[4\]               { padding-left: 4rem; }
    .md\:pl-\[4\.5\]            { padding-left: 4.5rem; }
    .md\:pl-\[5\]               { padding-left: 5rem; }
    .md\:pl-\[5\.5\]            { padding-left: 5.5rem; }
    
    .md\:pr-auto                { padding-right: auto; }
    .md\:pr-0                   { padding-right: 0; }
    .md\:pr-\[1px\]             { padding-right: 1px; }
    .md\:pr-\[2px\]             { padding-right: 2px; }
    .md\:pr-\[3px\]             { padding-right: 3px; }
    .md\:pr-\[4px\]             { padding-right: 4px; }
    .md\:pr-\[4px\]             { padding-right: 4px; }
    .md\:pr-\[5px\]             { padding-right: 5px; }
    .md\:pr-\[6px\]             { padding-right: 6px; }
    .md\:pr-\[7px\]             { padding-right: 7px; }
    .md\:pr-\[8px\]             { padding-right: 8px; }
    .md\:pr-\[9px\]             { padding-right: 9px; }
    .md\:pr-\[10px\]            { padding-right: 10px; }
    .md\:pr-\[20px\]            { padding-right: 20px; }
    .md\:pr-\[30px\]            { padding-right: 30px; }
    .md\:pr-\[40px\]            { padding-right: 40px; }
    .md\:pr-\[50px\]            { padding-right: 50px; }
    .md\:pr-\[60px\]            { padding-right: 60px; }
    .md\:pr-\[70px\]            { padding-right: 70px; }
    .md\:pr-\[80px\]            { padding-right: 80px; }
    .md\:pr-\[90px\]            { padding-right: 90px; }
    .md\:pr-\[100px\]           { padding-right: 100px; }
    .md\:pr-\[1\]               { padding-right: 1rem; }
    .md\:pr-\[1\.5\]            { padding-right: 1.5rem; }
    .md\:pr-\[2\]               { padding-right: 2rem; }
    .md\:pr-\[2\.5\]            { padding-right: 2.5rem; }
    .md\:pr-\[3\]               { padding-right: 3rem; }
    .md\:pr-\[3\.5\]            { padding-right: 3.5rem; }
    .md\:pr-\[4\]               { padding-right: 4rem; }
    .md\:pr-\[4\.5\]            { padding-right: 4.5rem; }
    .md\:pr-\[5\]               { padding-right: 5rem; }
    .md\:pr-\[5\.5\]            { padding-right: 5.5rem; }
    
    .md\:pt-auto                { padding-top: auto; }
    .md\:pt-0                   { padding-top: 0; }
    .md\:pt-\[1px\]             { padding-top: 1px; }
    .md\:pt-\[2px\]             { padding-top: 2px; }
    .md\:pt-\[3px\]             { padding-top: 3px; }
    .md\:pt-\[4px\]             { padding-top: 4px; }
    .md\:pt-\[4px\]             { padding-top: 4px; }
    .md\:pt-\[5px\]             { padding-top: 5px; }
    .md\:pt-\[6px\]             { padding-top: 6px; }
    .md\:pt-\[7px\]             { padding-top: 7px; }
    .md\:pt-\[8px\]             { padding-top: 8px; }
    .md\:pt-\[9px\]             { padding-top: 9px; }
    .md\:pt-\[10px\]            { padding-top: 10px; }
    .md\:pt-\[20px\]            { padding-top: 20px; }
    .md\:pt-\[30px\]            { padding-top: 30px; }
    .md\:pt-\[40px\]            { padding-top: 40px; }
    .md\:pt-\[50px\]            { padding-top: 50px; }
    .md\:pt-\[60px\]            { padding-top: 60px; }
    .md\:pt-\[70px\]            { padding-top: 70px; }
    .md\:pt-\[80px\]            { padding-top: 80px; }
    .md\:pt-\[90px\]            { padding-top: 90px; }
    .md\:pt-\[100px\]           { padding-top: 100px; }
    .md\:pt-\[1\]               { padding-top: 1rem; }
    .md\:pt-\[1\.5\]            { padding-top: 1.5rem; }
    .md\:pt-\[2\]               { padding-top: 2rem; }
    .md\:pt-\[2\.5\]            { padding-top: 2.5rem; }
    .md\:pt-\[3\]               { padding-top: 3rem; }
    .md\:pt-\[3\.5\]            { padding-top: 3.5rem; }
    .md\:pt-\[4\]               { padding-top: 4rem; }
    .md\:pt-\[4\.5\]            { padding-top: 4.5rem; }
    .md\:pt-\[5\]               { padding-top: 5rem; }
    .md\:pt-\[5\.5\]            { padding-top: 5.5rem; }
    
    .md\:pb-auto                { padding-bottom: auto; }
    .md\:pb-0                   { padding-bottom: 0; }
    .md\:pb-\[1px\]             { padding-bottom: 1px; }
    .md\:pb-\[2px\]             { padding-bottom: 2px; }
    .md\:pb-\[3px\]             { padding-bottom: 3px; }
    .md\:pb-\[4px\]             { padding-bottom: 4px; }
    .md\:pb-\[4px\]             { padding-bottom: 4px; }
    .md\:pb-\[5px\]             { padding-bottom: 5px; }
    .md\:pb-\[6px\]             { padding-bottom: 6px; }
    .md\:pb-\[7px\]             { padding-bottom: 7px; }
    .md\:pb-\[8px\]             { padding-bottom: 8px; }
    .md\:pb-\[9px\]             { padding-bottom: 9px; }
    .md\:pb-\[10px\]            { padding-bottom: 10px; }
    .md\:pb-\[20px\]            { padding-bottom: 20px; }
    .md\:pb-\[30px\]            { padding-bottom: 30px; }
    .md\:pb-\[40px\]            { padding-bottom: 40px; }
    .md\:pb-\[50px\]            { padding-bottom: 50px; }
    .md\:pb-\[60px\]            { padding-bottom: 60px; }
    .md\:pb-\[70px\]            { padding-bottom: 70px; }
    .md\:pb-\[80px\]            { padding-bottom: 80px; }
    .md\:pb-\[90px\]            { padding-bottom: 90px; }
    .md\:pb-\[100px\]           { padding-bottom: 100px; }
    .md\:pb-\[1\]               { padding-bottom: 1rem; }
    .md\:pb-\[1\.5\]            { padding-bottom: 1.5rem; }
    .md\:pb-\[2\]               { padding-bottom: 2rem; }
    .md\:pb-\[2\.5\]            { padding-bottom: 2.5rem; }
    .md\:pb-\[3\]               { padding-bottom: 3rem; }
    .md\:pb-\[3\.5\]            { padding-bottom: 3.5rem; }
    .md\:pb-\[4\]               { padding-bottom: 4rem; }
    .md\:pb-\[4\.5\]            { padding-bottom: 4.5rem; }
    .md\:pb-\[5\]               { padding-bottom: 5rem; }
    .md\:pb-\[5\.5\]            { padding-bottom: 5.5rem; }
    
    .md\:px-\[-50px\]           { padding-inline: -50px; }
    .md\:px-\[-40px\]           { padding-inline: -40px; }
    .md\:px-\[-30px\]           { padding-inline: -30px; }
    .md\:px-\[-20px\]           { padding-inline: -20px; }
    .md\:px-\[-10px\]           { padding-inline: -10px; }
    .md\:px-\[0px\]             { padding-inline: 0px; }
    .md\:px-\[10px\]            { padding-inline: 10px; }
    .md\:px-\[20px\]            { padding-inline: 20px; }
    .md\:px-\[30px\]            { padding-inline: 30px; }
    .md\:px-\[40px\]            { padding-inline: 40px; }
    .md\:px-\[50px\]            { padding-inline: 50px; }
    .md\:px-\[1\]               { padding-inline: 1rem; }
    .md\:px-\[1\.5\]            { padding-inline: 1.5rem; }
    .md\:px-\[2\]               { padding-inline: 2rem; }
    .md\:px-\[2\.5\]            { padding-inline: 2.5rem; }
    .md\:px-\[3\]               { padding-inline: 3rem; }
    .md\:px-\[3\.5\]            { padding-inline: 3.5rem; }
    .md\:px-\[4\]               { padding-inline: 4rem; }
    .md\:px-\[4\.5\]            { padding-inline: 4.5rem; }
    .md\:px-\[5\]               { padding-inline: 5rem; }
    .md\:px-\[5\.5\]            { padding-inline: 5.5rem; }
    
    .md\:py-\[-50px\]           { padding-block: -50px; }
    .md\:py-\[-40px\]           { padding-block: -40px; }
    .md\:py-\[-30px\]           { padding-block: -30px; }
    .md\:py-\[-20px\]           { padding-block: -20px; }
    .md\:py-\[-10px\]           { padding-block: -10px; }
    .md\:py-\[0px\]             { padding-block: 0px !important; }
    .md\:py-\[10px\]            { padding-block: 10px; }
    .md\:py-\[20px\]            { padding-block: 20px; }
    .md\:py-\[30px\]            { padding-block: 30px; }
    .md\:py-\[40px\]            { padding-block: 40px; }
    .md\:py-\[50px\]            { padding-block: 50px; }
    .md\:py-\[1\]               { padding-block: 1rem; }
    .md\:py-\[1\.5\]            { padding-block: 1.5rem; }
    .md\:py-\[2\]               { padding-block: 2rem; }
    .md\:py-\[2\.5\]            { padding-block: 2.5rem; }
    .md\:py-\[3\]               { padding-block: 3rem; }
    .md\:py-\[3\.5\]            { padding-block: 3.5rem; }
    .md\:py-\[4\]               { padding-block: 4rem; }
    .md\:py-\[4\.5\]            { padding-block: 4.5rem; }
    .md\:py-\[5\]               { padding-block: 5rem; }
    .md\:py-\[5\.5\]            { padding-block: 5.5rem; }
}

@media screen and (min-width: 1024px) {
    .lg\:p-auto                 { padding: auto; }
    .lg\:p-0                    { padding: 0; }
    .lg\:p-\[1px\]              { padding: 1px; }
    .lg\:p-\[2px\]              { padding: 2px; }
    .lg\:p-\[3px\]              { padding: 3px; }
    .lg\:p-\[4px\]              { padding: 4px; }
    .lg\:p-\[4px\]              { padding: 4px; }
    .lg\:p-\[5px\]              { padding: 5px; }
    .lg\:p-\[6px\]              { padding: 6px; }
    .lg\:p-\[7px\]              { padding: 7px; }
    .lg\:p-\[8px\]              { padding: 8px; }
    .lg\:p-\[9px\]              { padding: 9px; }
    .lg\:p-\[10px\]             { padding: 10px; }
    .lg\:p-\[20px\]             { padding: 20px; }
    .lg\:p-\[30px\]             { padding: 30px; }
    .lg\:p-\[40px\]             { padding: 40px; }
    .lg\:p-\[50px\]             { padding: 50px; }
    .lg\:p-\[60px\]             { padding: 60px; }
    .lg\:p-\[70px\]             { padding: 70px; }
    .lg\:p-\[80px\]             { padding: 80px; }
    .lg\:p-\[90px\]             { padding: 90px; }
    .lg\:p-\[100px\]            { padding: 100px; }
    .lg\:p-\[1\]                { padding: 1rem; }
    .lg\:p-\[1\.5\]             { padding: 1.5rem; }
    .lg\:p-\[2\]                { padding: 2rem; }
    .lg\:p-\[2\.5\]             { padding: 2.5rem; }
    .lg\:p-\[3\]                { padding: 3rem; }
    .lg\:p-\[3\.5\]             { padding: 3.5rem; }
    .lg\:p-\[4\]                { padding: 4rem; }
    .lg\:p-\[4\.5\]             { padding: 4.5rem; }
    .lg\:p-\[5\]                { padding: 5rem; }
    .lg\:p-\[5\.5\]             { padding: 5.5rem; }
    
    .lg\:pl-auto                { padding-left: auto; }
    .lg\:pl-0                   { padding-left: 0; }
    .lg\:pl-\[1px\]             { padding-left: 1px; }
    .lg\:pl-\[2px\]             { padding-left: 2px; }
    .lg\:pl-\[3px\]             { padding-left: 3px; }
    .lg\:pl-\[4px\]             { padding-left: 4px; }
    .lg\:pl-\[4px\]             { padding-left: 4px; }
    .lg\:pl-\[5px\]             { padding-left: 5px; }
    .lg\:pl-\[6px\]             { padding-left: 6px; }
    .lg\:pl-\[7px\]             { padding-left: 7px; }
    .lg\:pl-\[8px\]             { padding-left: 8px; }
    .lg\:pl-\[9px\]             { padding-left: 9px; }
    .lg\:pl-\[10px\]            { padding-left: 10px; }
    .lg\:pl-\[20px\]            { padding-left: 20px; }
    .lg\:pl-\[30px\]            { padding-left: 30px; }
    .lg\:pl-\[40px\]            { padding-left: 40px; }
    .lg\:pl-\[50px\]            { padding-left: 50px; }
    .lg\:pl-\[60px\]            { padding-left: 60px; }
    .lg\:pl-\[70px\]            { padding-left: 70px; }
    .lg\:pl-\[80px\]            { padding-left: 80px; }
    .lg\:pl-\[90px\]            { padding-left: 90px; }
    .lg\:pl-\[100px\]           { padding-left: 100px; }
    .lg\:pl-\[1\]               { padding-left: 1rem; }
    .lg\:pl-\[1\.5\]            { padding-left: 1.5rem; }
    .lg\:pl-\[2\]               { padding-left: 2rem; }
    .lg\:pl-\[2\.5\]            { padding-left: 2.5rem; }
    .lg\:pl-\[3\]               { padding-left: 3rem; }
    .lg\:pl-\[3\.5\]            { padding-left: 3.5rem; }
    .lg\:pl-\[4\]               { padding-left: 4rem; }
    .lg\:pl-\[4\.5\]            { padding-left: 4.5rem; }
    .lg\:pl-\[5\]               { padding-left: 5rem; }
    .lg\:pl-\[5\.5\]            { padding-left: 5.5rem; }
    
    .lg\:pr-auto                { padding-right: auto; }
    .lg\:pr-0                   { padding-right: 0; }
    .lg\:pr-\[1px\]             { padding-right: 1px; }
    .lg\:pr-\[2px\]             { padding-right: 2px; }
    .lg\:pr-\[3px\]             { padding-right: 3px; }
    .lg\:pr-\[4px\]             { padding-right: 4px; }
    .lg\:pr-\[4px\]             { padding-right: 4px; }
    .lg\:pr-\[5px\]             { padding-right: 5px; }
    .lg\:pr-\[6px\]             { padding-right: 6px; }
    .lg\:pr-\[7px\]             { padding-right: 7px; }
    .lg\:pr-\[8px\]             { padding-right: 8px; }
    .lg\:pr-\[9px\]             { padding-right: 9px; }
    .lg\:pr-\[10px\]            { padding-right: 10px; }
    .lg\:pr-\[20px\]            { padding-right: 20px; }
    .lg\:pr-\[30px\]            { padding-right: 30px; }
    .lg\:pr-\[40px\]            { padding-right: 40px; }
    .lg\:pr-\[50px\]            { padding-right: 50px; }
    .lg\:pr-\[60px\]            { padding-right: 60px; }
    .lg\:pr-\[70px\]            { padding-right: 70px; }
    .lg\:pr-\[80px\]            { padding-right: 80px; }
    .lg\:pr-\[90px\]            { padding-right: 90px; }
    .lg\:pr-\[100px\]           { padding-right: 100px; }
    .lg\:pr-\[1\]               { padding-right: 1rem; }
    .lg\:pr-\[1\.5\]            { padding-right: 1.5rem; }
    .lg\:pr-\[2\]               { padding-right: 2rem; }
    .lg\:pr-\[2\.5\]            { padding-right: 2.5rem; }
    .lg\:pr-\[3\]               { padding-right: 3rem; }
    .lg\:pr-\[3\.5\]            { padding-right: 3.5rem; }
    .lg\:pr-\[4\]               { padding-right: 4rem; }
    .lg\:pr-\[4\.5\]            { padding-right: 4.5rem; }
    .lg\:pr-\[5\]               { padding-right: 5rem; }
    .lg\:pr-\[5\.5\]            { padding-right: 5.5rem; }
    
    .lg\:pt-auto                { padding-top: auto; }
    .lg\:pt-0                   { padding-top: 0; }
    .lg\:pt-\[1px\]             { padding-top: 1px; }
    .lg\:pt-\[2px\]             { padding-top: 2px; }
    .lg\:pt-\[3px\]             { padding-top: 3px; }
    .lg\:pt-\[4px\]             { padding-top: 4px; }
    .lg\:pt-\[4px\]             { padding-top: 4px; }
    .lg\:pt-\[5px\]             { padding-top: 5px; }
    .lg\:pt-\[6px\]             { padding-top: 6px; }
    .lg\:pt-\[7px\]             { padding-top: 7px; }
    .lg\:pt-\[8px\]             { padding-top: 8px; }
    .lg\:pt-\[9px\]             { padding-top: 9px; }
    .lg\:pt-\[10px\]            { padding-top: 10px; }
    .lg\:pt-\[20px\]            { padding-top: 20px; }
    .lg\:pt-\[30px\]            { padding-top: 30px; }
    .lg\:pt-\[40px\]            { padding-top: 40px; }
    .lg\:pt-\[50px\]            { padding-top: 50px; }
    .lg\:pt-\[60px\]            { padding-top: 60px; }
    .lg\:pt-\[70px\]            { padding-top: 70px; }
    .lg\:pt-\[80px\]            { padding-top: 80px; }
    .lg\:pt-\[90px\]            { padding-top: 90px; }
    .lg\:pt-\[100px\]           { padding-top: 100px; }
    .lg\:pt-\[1\]               { padding-top: 1rem; }
    .lg\:pt-\[1\.5\]            { padding-top: 1.5rem; }
    .lg\:pt-\[2\]               { padding-top: 2rem; }
    .lg\:pt-\[2\.5\]            { padding-top: 2.5rem; }
    .lg\:pt-\[3\]               { padding-top: 3rem; }
    .lg\:pt-\[3\.5\]            { padding-top: 3.5rem; }
    .lg\:pt-\[4\]               { padding-top: 4rem; }
    .lg\:pt-\[4\.5\]            { padding-top: 4.5rem; }
    .lg\:pt-\[5\]               { padding-top: 5rem; }
    .lg\:pt-\[5\.5\]            { padding-top: 5.5rem; }
    
    .lg\:pb-auto                { padding-bottom: auto; }
    .lg\:pb-0                   { padding-bottom: 0; }
    .lg\:pb-\[1px\]             { padding-bottom: 1px; }
    .lg\:pb-\[2px\]             { padding-bottom: 2px; }
    .lg\:pb-\[3px\]             { padding-bottom: 3px; }
    .lg\:pb-\[4px\]             { padding-bottom: 4px; }
    .lg\:pb-\[4px\]             { padding-bottom: 4px; }
    .lg\:pb-\[5px\]             { padding-bottom: 5px; }
    .lg\:pb-\[6px\]             { padding-bottom: 6px; }
    .lg\:pb-\[7px\]             { padding-bottom: 7px; }
    .lg\:pb-\[8px\]             { padding-bottom: 8px; }
    .lg\:pb-\[9px\]             { padding-bottom: 9px; }
    .lg\:pb-\[10px\]            { padding-bottom: 10px; }
    .lg\:pb-\[20px\]            { padding-bottom: 20px; }
    .lg\:pb-\[30px\]            { padding-bottom: 30px; }
    .lg\:pb-\[40px\]            { padding-bottom: 40px; }
    .lg\:pb-\[50px\]            { padding-bottom: 50px; }
    .lg\:pb-\[60px\]            { padding-bottom: 60px; }
    .lg\:pb-\[70px\]            { padding-bottom: 70px; }
    .lg\:pb-\[80px\]            { padding-bottom: 80px; }
    .lg\:pb-\[90px\]            { padding-bottom: 90px; }
    .lg\:pb-\[100px\]           { padding-bottom: 100px; }
    .lg\:pb-\[1\]               { padding-bottom: 1rem; }
    .lg\:pb-\[1\.5\]            { padding-bottom: 1.5rem; }
    .lg\:pb-\[2\]               { padding-bottom: 2rem; }
    .lg\:pb-\[2\.5\]            { padding-bottom: 2.5rem; }
    .lg\:pb-\[3\]               { padding-bottom: 3rem; }
    .lg\:pb-\[3\.5\]            { padding-bottom: 3.5rem; }
    .lg\:pb-\[4\]               { padding-bottom: 4rem; }
    .lg\:pb-\[4\.5\]            { padding-bottom: 4.5rem; }
    .lg\:pb-\[5\]               { padding-bottom: 5rem; }
    .lg\:pb-\[5\.5\]            { padding-bottom: 5.5rem; }
    
    .lg\:px-\[-50px\]           { padding-inline: -50px; }
    .lg\:px-\[-40px\]           { padding-inline: -40px; }
    .lg\:px-\[-30px\]           { padding-inline: -30px; }
    .lg\:px-\[-20px\]           { padding-inline: -20px; }
    .lg\:px-\[-10px\]           { padding-inline: -10px; }
    .lg\:px-\[0px\]             { padding-inline: 0px; }
    .lg\:px-\[10px\]            { padding-inline: 10px; }
    .lg\:px-\[20px\]            { padding-inline: 20px; }
    .lg\:px-\[30px\]            { padding-inline: 30px; }
    .lg\:px-\[40px\]            { padding-inline: 40px; }
    .lg\:px-\[50px\]            { padding-inline: 50px; }
    .lg\:px-\[1\]               { padding-inline: 1rem; }
    .lg\:px-\[1\.5\]            { padding-inline: 1.5rem; }
    .lg\:px-\[2\]               { padding-inline: 2rem; }
    .lg\:px-\[2\.5\]            { padding-inline: 2.5rem; }
    .lg\:px-\[3\]               { padding-inline: 3rem; }
    .lg\:px-\[3\.5\]            { padding-inline: 3.5rem; }
    .lg\:px-\[4\]               { padding-inline: 4rem; }
    .lg\:px-\[4\.5\]            { padding-inline: 4.5rem; }
    .lg\:px-\[5\]               { padding-inline: 5rem; }
    .lg\:px-\[5\.5\]            { padding-inline: 5.5rem; }
    
    .lg\:py-\[-50px\]           { padding-block: -50px; }
    .lg\:py-\[-40px\]           { padding-block: -40px; }
    .lg\:py-\[-30px\]           { padding-block: -30px; }
    .lg\:py-\[-20px\]           { padding-block: -20px; }
    .lg\:py-\[-10px\]           { padding-block: -10px; }
    .lg\:py-\[0px\]             { padding-block: 0px !important; }
    .lg\:py-\[10px\]            { padding-block: 10px; }
    .lg\:py-\[20px\]            { padding-block: 20px; }
    .lg\:py-\[30px\]            { padding-block: 30px; }
    .lg\:py-\[40px\]            { padding-block: 40px; }
    .lg\:py-\[50px\]            { padding-block: 50px; }
    .lg\:py-\[1\]               { padding-block: 1rem; }
    .lg\:py-\[1\.5\]            { padding-block: 1.5rem; }
    .lg\:py-\[2\]               { padding-block: 2rem; }
    .lg\:py-\[2\.5\]            { padding-block: 2.5rem; }
    .lg\:py-\[3\]               { padding-block: 3rem; }
    .lg\:py-\[3\.5\]            { padding-block: 3.5rem; }
    .lg\:py-\[4\]               { padding-block: 4rem; }
    .lg\:py-\[4\.5\]            { padding-block: 4.5rem; }
    .lg\:py-\[5\]               { padding-block: 5rem; }
    .lg\:py-\[5\.5\]            { padding-block: 5.5rem; }
}

@media screen and (min-width: 1440px) {
    .xl\:p-auto                 { padding: auto; }
    .xl\:p-0                    { padding: 0; }
    .xl\:p-\[1px\]              { padding: 1px; }
    .xl\:p-\[2px\]              { padding: 2px; }
    .xl\:p-\[3px\]              { padding: 3px; }
    .xl\:p-\[4px\]              { padding: 4px; }
    .xl\:p-\[4px\]              { padding: 4px; }
    .xl\:p-\[5px\]              { padding: 5px; }
    .xl\:p-\[6px\]              { padding: 6px; }
    .xl\:p-\[7px\]              { padding: 7px; }
    .xl\:p-\[8px\]              { padding: 8px; }
    .xl\:p-\[9px\]              { padding: 9px; }
    .xl\:p-\[10px\]             { padding: 10px; }
    .xl\:p-\[20px\]             { padding: 20px; }
    .xl\:p-\[30px\]             { padding: 30px; }
    .xl\:p-\[40px\]             { padding: 40px; }
    .xl\:p-\[50px\]             { padding: 50px; }
    .xl\:p-\[60px\]             { padding: 60px; }
    .xl\:p-\[70px\]             { padding: 70px; }
    .xl\:p-\[80px\]             { padding: 80px; }
    .xl\:p-\[90px\]             { padding: 90px; }
    .xl\:p-\[100px\]            { padding: 100px; }
    .xl\:p-\[1\]                { padding: 1rem; }
    .xl\:p-\[1\.5\]             { padding: 1.5rem; }
    .xl\:p-\[2\]                { padding: 2rem; }
    .xl\:p-\[2\.5\]             { padding: 2.5rem; }
    .xl\:p-\[3\]                { padding: 3rem; }
    .xl\:p-\[3\.5\]             { padding: 3.5rem; }
    .xl\:p-\[4\]                { padding: 4rem; }
    .xl\:p-\[4\.5\]             { padding: 4.5rem; }
    .xl\:p-\[5\]                { padding: 5rem; }
    .xl\:p-\[5\.5\]             { padding: 5.5rem; }
    
    .xl\:pl-auto                { padding-left: auto; }
    .xl\:pl-0                   { padding-left: 0; }
    .xl\:pl-\[1px\]             { padding-left: 1px; }
    .xl\:pl-\[2px\]             { padding-left: 2px; }
    .xl\:pl-\[3px\]             { padding-left: 3px; }
    .xl\:pl-\[4px\]             { padding-left: 4px; }
    .xl\:pl-\[4px\]             { padding-left: 4px; }
    .xl\:pl-\[5px\]             { padding-left: 5px; }
    .xl\:pl-\[6px\]             { padding-left: 6px; }
    .xl\:pl-\[7px\]             { padding-left: 7px; }
    .xl\:pl-\[8px\]             { padding-left: 8px; }
    .xl\:pl-\[9px\]             { padding-left: 9px; }
    .xl\:pl-\[10px\]            { padding-left: 10px; }
    .xl\:pl-\[20px\]            { padding-left: 20px; }
    .xl\:pl-\[30px\]            { padding-left: 30px; }
    .xl\:pl-\[40px\]            { padding-left: 40px; }
    .xl\:pl-\[50px\]            { padding-left: 50px; }
    .xl\:pl-\[60px\]            { padding-left: 60px; }
    .xl\:pl-\[70px\]            { padding-left: 70px; }
    .xl\:pl-\[80px\]            { padding-left: 80px; }
    .xl\:pl-\[90px\]            { padding-left: 90px; }
    .xl\:pl-\[100px\]           { padding-left: 100px; }
    .xl\:pl-\[1\]               { padding-left: 1rem; }
    .xl\:pl-\[1\.5\]            { padding-left: 1.5rem; }
    .xl\:pl-\[2\]               { padding-left: 2rem; }
    .xl\:pl-\[2\.5\]            { padding-left: 2.5rem; }
    .xl\:pl-\[3\]               { padding-left: 3rem; }
    .xl\:pl-\[3\.5\]            { padding-left: 3.5rem; }
    .xl\:pl-\[4\]               { padding-left: 4rem; }
    .xl\:pl-\[4\.5\]            { padding-left: 4.5rem; }
    .xl\:pl-\[5\]               { padding-left: 5rem; }
    .xl\:pl-\[5\.5\]            { padding-left: 5.5rem; }
    
    .xl\:pr-auto                { padding-right: auto; }
    .xl\:pr-0                   { padding-right: 0; }
    .xl\:pr-\[1px\]             { padding-right: 1px; }
    .xl\:pr-\[2px\]             { padding-right: 2px; }
    .xl\:pr-\[3px\]             { padding-right: 3px; }
    .xl\:pr-\[4px\]             { padding-right: 4px; }
    .xl\:pr-\[4px\]             { padding-right: 4px; }
    .xl\:pr-\[5px\]             { padding-right: 5px; }
    .xl\:pr-\[6px\]             { padding-right: 6px; }
    .xl\:pr-\[7px\]             { padding-right: 7px; }
    .xl\:pr-\[8px\]             { padding-right: 8px; }
    .xl\:pr-\[9px\]             { padding-right: 9px; }
    .xl\:pr-\[10px\]            { padding-right: 10px; }
    .xl\:pr-\[20px\]            { padding-right: 20px; }
    .xl\:pr-\[30px\]            { padding-right: 30px; }
    .xl\:pr-\[40px\]            { padding-right: 40px; }
    .xl\:pr-\[50px\]            { padding-right: 50px; }
    .xl\:pr-\[60px\]            { padding-right: 60px; }
    .xl\:pr-\[70px\]            { padding-right: 70px; }
    .xl\:pr-\[80px\]            { padding-right: 80px; }
    .xl\:pr-\[90px\]            { padding-right: 90px; }
    .xl\:pr-\[100px\]           { padding-right: 100px; }
    .xl\:pr-\[1\]               { padding-right: 1rem; }
    .xl\:pr-\[1\.5\]            { padding-right: 1.5rem; }
    .xl\:pr-\[2\]               { padding-right: 2rem; }
    .xl\:pr-\[2\.5\]            { padding-right: 2.5rem; }
    .xl\:pr-\[3\]               { padding-right: 3rem; }
    .xl\:pr-\[3\.5\]            { padding-right: 3.5rem; }
    .xl\:pr-\[4\]               { padding-right: 4rem; }
    .xl\:pr-\[4\.5\]            { padding-right: 4.5rem; }
    .xl\:pr-\[5\]               { padding-right: 5rem; }
    .xl\:pr-\[5\.5\]            { padding-right: 5.5rem; }
    
    .xl\:pt-auto                { padding-top: auto; }
    .xl\:pt-0                   { padding-top: 0; }
    .xl\:pt-\[1px\]             { padding-top: 1px; }
    .xl\:pt-\[2px\]             { padding-top: 2px; }
    .xl\:pt-\[3px\]             { padding-top: 3px; }
    .xl\:pt-\[4px\]             { padding-top: 4px; }
    .xl\:pt-\[4px\]             { padding-top: 4px; }
    .xl\:pt-\[5px\]             { padding-top: 5px; }
    .xl\:pt-\[6px\]             { padding-top: 6px; }
    .xl\:pt-\[7px\]             { padding-top: 7px; }
    .xl\:pt-\[8px\]             { padding-top: 8px; }
    .xl\:pt-\[9px\]             { padding-top: 9px; }
    .xl\:pt-\[10px\]            { padding-top: 10px; }
    .xl\:pt-\[20px\]            { padding-top: 20px; }
    .xl\:pt-\[30px\]            { padding-top: 30px; }
    .xl\:pt-\[40px\]            { padding-top: 40px; }
    .xl\:pt-\[50px\]            { padding-top: 50px; }
    .xl\:pt-\[60px\]            { padding-top: 60px; }
    .xl\:pt-\[70px\]            { padding-top: 70px; }
    .xl\:pt-\[80px\]            { padding-top: 80px; }
    .xl\:pt-\[90px\]            { padding-top: 90px; }
    .xl\:pt-\[100px\]           { padding-top: 100px; }
    .xl\:pt-\[1\]               { padding-top: 1rem; }
    .xl\:pt-\[1\.5\]            { padding-top: 1.5rem; }
    .xl\:pt-\[2\]               { padding-top: 2rem; }
    .xl\:pt-\[2\.5\]            { padding-top: 2.5rem; }
    .xl\:pt-\[3\]               { padding-top: 3rem; }
    .xl\:pt-\[3\.5\]            { padding-top: 3.5rem; }
    .xl\:pt-\[4\]               { padding-top: 4rem; }
    .xl\:pt-\[4\.5\]            { padding-top: 4.5rem; }
    .xl\:pt-\[5\]               { padding-top: 5rem; }
    .xl\:pt-\[5\.5\]            { padding-top: 5.5rem; }
    
    .xl\:pb-auto                { padding-bottom: auto; }
    .xl\:pb-0                   { padding-bottom: 0; }
    .xl\:pb-\[1px\]             { padding-bottom: 1px; }
    .xl\:pb-\[2px\]             { padding-bottom: 2px; }
    .xl\:pb-\[3px\]             { padding-bottom: 3px; }
    .xl\:pb-\[4px\]             { padding-bottom: 4px; }
    .xl\:pb-\[4px\]             { padding-bottom: 4px; }
    .xl\:pb-\[5px\]             { padding-bottom: 5px; }
    .xl\:pb-\[6px\]             { padding-bottom: 6px; }
    .xl\:pb-\[7px\]             { padding-bottom: 7px; }
    .xl\:pb-\[8px\]             { padding-bottom: 8px; }
    .xl\:pb-\[9px\]             { padding-bottom: 9px; }
    .xl\:pb-\[10px\]            { padding-bottom: 10px; }
    .xl\:pb-\[20px\]            { padding-bottom: 20px; }
    .xl\:pb-\[30px\]            { padding-bottom: 30px; }
    .xl\:pb-\[40px\]            { padding-bottom: 40px; }
    .xl\:pb-\[50px\]            { padding-bottom: 50px; }
    .xl\:pb-\[60px\]            { padding-bottom: 60px; }
    .xl\:pb-\[70px\]            { padding-bottom: 70px; }
    .xl\:pb-\[80px\]            { padding-bottom: 80px; }
    .xl\:pb-\[90px\]            { padding-bottom: 90px; }
    .xl\:pb-\[100px\]           { padding-bottom: 100px; }
    .xl\:pb-\[1\]               { padding-bottom: 1rem; }
    .xl\:pb-\[1\.5\]            { padding-bottom: 1.5rem; }
    .xl\:pb-\[2\]               { padding-bottom: 2rem; }
    .xl\:pb-\[2\.5\]            { padding-bottom: 2.5rem; }
    .xl\:pb-\[3\]               { padding-bottom: 3rem; }
    .xl\:pb-\[3\.5\]            { padding-bottom: 3.5rem; }
    .xl\:pb-\[4\]               { padding-bottom: 4rem; }
    .xl\:pb-\[4\.5\]            { padding-bottom: 4.5rem; }
    .xl\:pb-\[5\]               { padding-bottom: 5rem; }
    .xl\:pb-\[5\.5\]            { padding-bottom: 5.5rem; }
    
    .xl\:px-\[-50px\]           { padding-inline: -50px; }
    .xl\:px-\[-40px\]           { padding-inline: -40px; }
    .xl\:px-\[-30px\]           { padding-inline: -30px; }
    .xl\:px-\[-20px\]           { padding-inline: -20px; }
    .xl\:px-\[-10px\]           { padding-inline: -10px; }
    .xl\:px-\[0px\]             { padding-inline: 0px; }
    .xl\:px-\[10px\]            { padding-inline: 10px; }
    .xl\:px-\[20px\]            { padding-inline: 20px; }
    .xl\:px-\[30px\]            { padding-inline: 30px; }
    .xl\:px-\[40px\]            { padding-inline: 40px; }
    .xl\:px-\[50px\]            { padding-inline: 50px; }
    .xl\:px-\[1\]               { padding-inline: 1rem; }
    .xl\:px-\[1\.5\]            { padding-inline: 1.5rem; }
    .xl\:px-\[2\]               { padding-inline: 2rem; }
    .xl\:px-\[2\.5\]            { padding-inline: 2.5rem; }
    .xl\:px-\[3\]               { padding-inline: 3rem; }
    .xl\:px-\[3\.5\]            { padding-inline: 3.5rem; }
    .xl\:px-\[4\]               { padding-inline: 4rem; }
    .xl\:px-\[4\.5\]            { padding-inline: 4.5rem; }
    .xl\:px-\[5\]               { padding-inline: 5rem; }
    .xl\:px-\[5\.5\]            { padding-inline: 5.5rem; }
    
    .xl\:py-\[-50px\]           { padding-block: -50px; }
    .xl\:py-\[-40px\]           { padding-block: -40px; }
    .xl\:py-\[-30px\]           { padding-block: -30px; }
    .xl\:py-\[-20px\]           { padding-block: -20px; }
    .xl\:py-\[-10px\]           { padding-block: -10px; }
    .xl\:py-\[0px\]             { padding-block: 0px !important; }
    .xl\:py-\[10px\]            { padding-block: 10px; }
    .xl\:py-\[20px\]            { padding-block: 20px; }
    .xl\:py-\[30px\]            { padding-block: 30px; }
    .xl\:py-\[40px\]            { padding-block: 40px; }
    .xl\:py-\[50px\]            { padding-block: 50px; }
    .xl\:py-\[1\]               { padding-block: 1rem; }
    .xl\:py-\[1\.5\]            { padding-block: 1.5rem; }
    .xl\:py-\[2\]               { padding-block: 2rem; }
    .xl\:py-\[2\.5\]            { padding-block: 2.5rem; }
    .xl\:py-\[3\]               { padding-block: 3rem; }
    .xl\:py-\[3\.5\]            { padding-block: 3.5rem; }
    .xl\:py-\[4\]               { padding-block: 4rem; }
    .xl\:py-\[4\.5\]            { padding-block: 4.5rem; }
    .xl\:py-\[5\]               { padding-block: 5rem; }
    .xl\:py-\[5\.5\]            { padding-block: 5.5rem; }
}


/* Round */
.rounded-\[1px\]                { border-radius: 1px; }
.rounded-\[2px\]                { border-radius: 2px; }
.rounded-\[3px\]                { border-radius: 3px; }
.rounded-\[4px\]                { border-radius: 4px; }
.rounded-\[5px\]                { border-radius: 5px; }
.rounded-\[6px\]                { border-radius: 6px; }
.rounded-\[7px\]                { border-radius: 7px; }
.rounded-\[8px\]                { border-radius: 8px; }
.rounded-\[9px\]                { border-radius: 9px; }
.rounded-\[10px\]               { border-radius: 10px; }
.rounded-\[15px\]               { border-radius: 15px; }
.rounded-\[20px\]               { border-radius: 20px; }
.rounded-\[25px\]               { border-radius: 25px; }
.rounded-\[30px\]               { border-radius: 30px; }
.rounded-\[35px\]               { border-radius: 35px; }
.rounded-\[40px\]               { border-radius: 40px; }
.rounded-\[45px\]               { border-radius: 45px; }
.rounded-\[50px\]               { border-radius: 50px; }
.rounded-\[0\.5\]               { border-radius: 0.5rem; }
.rounded-\[1\]                  { border-radius: 1rem; }
.rounded-\[1\.5\]               { border-radius: 1.5rem; }
.rounded-\[2\]                  { border-radius: 2rem; }
.rounded-\[2\.5\]               { border-radius: 2.5rem; }
.rounded-\[3\]                  { border-radius: 3rem; }
.rounded-\[50\%\]               { border-radius: 50%; }

@media screen and (min-width: 768px) {
    .md\:rounded-\[1px\]        { border-radius: 1px; }
    .md\:rounded-\[2px\]        { border-radius: 2px; }
    .md\:rounded-\[3px\]        { border-radius: 3px; }
    .md\:rounded-\[4px\]        { border-radius: 4px; }
    .md\:rounded-\[5px\]        { border-radius: 5px; }
    .md\:rounded-\[6px\]        { border-radius: 6px; }
    .md\:rounded-\[7px\]        { border-radius: 7px; }
    .md\:rounded-\[8px\]        { border-radius: 8px; }
    .md\:rounded-\[9px\]        { border-radius: 9px; }
    .md\:rounded-\[10px\]       { border-radius: 10px; }
    .md\:rounded-\[15px\]       { border-radius: 15px; }
    .md\:rounded-\[20px\]       { border-radius: 20px; }
    .md\:rounded-\[25px\]       { border-radius: 25px; }
    .md\:rounded-\[30px\]       { border-radius: 30px; }
    .md\:rounded-\[35px\]       { border-radius: 35px; }
    .md\:rounded-\[40px\]       { border-radius: 40px; }
    .md\:rounded-\[45px\]       { border-radius: 45px; }
    .md\:rounded-\[50px\]       { border-radius: 50px; }
    .md\:rounded-\[0\.5\]       { border-radius: 0.5rem; }
    .md\:rounded-\[1\]          { border-radius: 1rem; }
    .md\:rounded-\[1\.5\]       { border-radius: 1.5rem; }
    .md\:rounded-\[2\]          { border-radius: 2rem; }
    .md\:rounded-\[2\.5\]       { border-radius: 2.5rem; }
    .md\:rounded-\[3\]          { border-radius: 3rem; }
    .md\:rounded-\[50\%\]       { border-radius: 50%; }
}

@media screen and (min-width: 1024px) {
    .lg\:rounded-\[1px\]        { border-radius: 1px; }
    .lg\:rounded-\[2px\]        { border-radius: 2px; }
    .lg\:rounded-\[3px\]        { border-radius: 3px; }
    .lg\:rounded-\[4px\]        { border-radius: 4px; }
    .lg\:rounded-\[5px\]        { border-radius: 5px; }
    .lg\:rounded-\[6px\]        { border-radius: 6px; }
    .lg\:rounded-\[7px\]        { border-radius: 7px; }
    .lg\:rounded-\[8px\]        { border-radius: 8px; }
    .lg\:rounded-\[9px\]        { border-radius: 9px; }
    .lg\:rounded-\[10px\]       { border-radius: 10px; }
    .lg\:rounded-\[15px\]       { border-radius: 15px; }
    .lg\:rounded-\[20px\]       { border-radius: 20px; }
    .lg\:rounded-\[25px\]       { border-radius: 25px; }
    .lg\:rounded-\[30px\]       { border-radius: 30px; }
    .lg\:rounded-\[35px\]       { border-radius: 35px; }
    .lg\:rounded-\[40px\]       { border-radius: 40px; }
    .lg\:rounded-\[45px\]       { border-radius: 45px; }
    .lg\:rounded-\[50px\]       { border-radius: 50px; }
    .lg\:rounded-\[0\.5\]       { border-radius: 0.5rem; }
    .lg\:rounded-\[1\]          { border-radius: 1rem; }
    .lg\:rounded-\[1\.5\]       { border-radius: 1.5rem; }
    .lg\:rounded-\[2\]          { border-radius: 2rem; }
    .lg\:rounded-\[2\.5\]       { border-radius: 2.5rem; }
    .lg\:rounded-\[3\]          { border-radius: 3rem; }
    .lg\:rounded-\[50\%\]       { border-radius: 50%; }
}

@media screen and (min-width: 1440px) {
    .xl\:rounded-\[1px\]        { border-radius: 1px; }
    .xl\:rounded-\[2px\]        { border-radius: 2px; }
    .xl\:rounded-\[3px\]        { border-radius: 3px; }
    .xl\:rounded-\[4px\]        { border-radius: 4px; }
    .xl\:rounded-\[5px\]        { border-radius: 5px; }
    .xl\:rounded-\[6px\]        { border-radius: 6px; }
    .xl\:rounded-\[7px\]        { border-radius: 7px; }
    .xl\:rounded-\[8px\]        { border-radius: 8px; }
    .xl\:rounded-\[9px\]        { border-radius: 9px; }
    .xl\:rounded-\[10px\]       { border-radius: 10px; }
    .xl\:rounded-\[15px\]       { border-radius: 15px; }
    .xl\:rounded-\[20px\]       { border-radius: 20px; }
    .xl\:rounded-\[25px\]       { border-radius: 25px; }
    .xl\:rounded-\[30px\]       { border-radius: 30px; }
    .xl\:rounded-\[35px\]       { border-radius: 35px; }
    .xl\:rounded-\[40px\]       { border-radius: 40px; }
    .xl\:rounded-\[45px\]       { border-radius: 45px; }
    .xl\:rounded-\[50px\]       { border-radius: 50px; }
    .xl\:rounded-\[0\.5\]       { border-radius: 0.5rem; }
    .xl\:rounded-\[1\]          { border-radius: 1rem; }
    .xl\:rounded-\[1\.5\]       { border-radius: 1.5rem; }
    .xl\:rounded-\[2\]          { border-radius: 2rem; }
    .xl\:rounded-\[2\.5\]       { border-radius: 2.5rem; }
    .xl\:rounded-\[3\]          { border-radius: 3rem; }
    .xl\:rounded-\[50\%\]       { border-radius: 50%; }
}


/* Opacity */
.opacity-\[0\], .hover-opacity-\[0\]:hover                              { opacity: 0; }
.opacity-\[5\], .hover-opacity-\[5\]:hover                              { opacity: .05; }
.opacity-\[10\], .hover-opacity-\[10\]:hover                            { opacity: .1; }
.opacity-\[15\], .hover-opacity-\[15\]:hover                            { opacity: .15; }
.opacity-\[20\], .hover-opacity-\[20\]:hover                            { opacity: .2; }
.opacity-\[25\], .hover-opacity-\[25\]:hover                            { opacity: .25; }
.opacity-\[30\], .hover-opacity-\[30\]:hover                            { opacity: .3; }
.opacity-\[35\], .hover-opacity-\[35\]:hover                            { opacity: .35; }
.opacity-\[40\], .hover-opacity-\[40\]:hover                            { opacity: .4; }
.opacity-\[45\], .hover-opacity-\[45\]:hover                            { opacity: .45; }
.opacity-\[50\], .hover-opacity-\[50\]:hover                            { opacity: .5; }
.opacity-\[55\], .hover-opacity-\[55\]:hover                            { opacity: .55; }
.opacity-\[60\], .hover-opacity-\[60\]:hover                            { opacity: .6; }
.opacity-\[65\], .hover-opacity-\[65\]:hover                            { opacity: .65; }
.opacity-\[70\], .hover-opacity-\[70\]:hover                            { opacity: .7; }
.opacity-\[75\], .hover-opacity-\[75\]:hover                            { opacity: .75; }
.opacity-\[80\], .hover-opacity-\[80\]:hover                            { opacity: .8; }
.opacity-\[85\], .hover-opacity-\[85\]:hover                            { opacity: .85; }
.opacity-\[90\], .hover-opacity-\[90\]:hover                            { opacity: .9; }
.opacity-\[95\], .hover-opacity-\[95\]:hover                            { opacity: .95; }
.opacity-\[100\], .hover-opacity-\[100\]:hover                          { opacity: 1; }

@media screen and (min-width: 768px) {
    .md\:opacity-\[0\], .md\:hover-opacity-\[0\]:hover                  { opacity: 0; }
    .md\:opacity-\[5\], .md\:hover-opacity-\[5\]:hover                  { opacity: .05; }
    .md\:opacity-\[10\], .md\:hover-opacity-\[10\]:hover                { opacity: .1; }
    .md\:opacity-\[15\], .md\:hover-opacity-\[15\]:hover                { opacity: .15; }
    .md\:opacity-\[20\], .md\:hover-opacity-\[20\]:hover                { opacity: .2; }
    .md\:opacity-\[25\], .md\:hover-opacity-\[25\]:hover                { opacity: .25; }
    .md\:opacity-\[30\], .md\:hover-opacity-\[30\]:hover                { opacity: .3; }
    .md\:opacity-\[35\], .md\:hover-opacity-\[35\]:hover                { opacity: .35; }
    .md\:opacity-\[40\], .md\:hover-opacity-\[40\]:hover                { opacity: .4; }
    .md\:opacity-\[45\], .md\:hover-opacity-\[45\]:hover                { opacity: .45; }
    .md\:opacity-\[50\], .md\:hover-opacity-\[50\]:hover                { opacity: .5; }
    .md\:opacity-\[55\], .md\:hover-opacity-\[55\]:hover                { opacity: .55; }
    .md\:opacity-\[60\], .md\:hover-opacity-\[60\]:hover                { opacity: .6; }
    .md\:opacity-\[65\], .md\:hover-opacity-\[65\]:hover                { opacity: .65; }
    .md\:opacity-\[70\], .md\:hover-opacity-\[70\]:hover                { opacity: .7; }
    .md\:opacity-\[75\], .md\:hover-opacity-\[75\]:hover                { opacity: .75; }
    .md\:opacity-\[80\], .md\:hover-opacity-\[80\]:hover                { opacity: .8; }
    .md\:opacity-\[85\], .md\:hover-opacity-\[85\]:hover                { opacity: .85; }
    .md\:opacity-\[90\], .md\:hover-opacity-\[90\]:hover                { opacity: .9; }
    .md\:opacity-\[95\], .md\:hover-opacity-\[95\]:hover                { opacity: .95; }
    .md\:opacity-\[100\], .md\:hover-opacity-\[100\]:hover              { opacity: 1; }
}

@media screen and (min-width: 1024px) {
    .lg\:opacity-\[0\], .lg\:hover-opacity-\[0\]:hover                  { opacity: 0; }
    .lg\:opacity-\[5\], .lg\:hover-opacity-\[5\]:hover                  { opacity: .05; }
    .lg\:opacity-\[10\], .lg\:hover-opacity-\[10\]:hover                { opacity: .1; }
    .lg\:opacity-\[15\], .lg\:hover-opacity-\[15\]:hover                { opacity: .15; }
    .lg\:opacity-\[20\], .lg\:hover-opacity-\[20\]:hover                { opacity: .2; }
    .lg\:opacity-\[25\], .lg\:hover-opacity-\[25\]:hover                { opacity: .25; }
    .lg\:opacity-\[30\], .lg\:hover-opacity-\[30\]:hover                { opacity: .3; }
    .lg\:opacity-\[35\], .lg\:hover-opacity-\[35\]:hover                { opacity: .35; }
    .lg\:opacity-\[40\], .lg\:hover-opacity-\[40\]:hover                { opacity: .4; }
    .lg\:opacity-\[45\], .lg\:hover-opacity-\[45\]:hover                { opacity: .45; }
    .lg\:opacity-\[50\], .lg\:hover-opacity-\[50\]:hover                { opacity: .5; }
    .lg\:opacity-\[55\], .lg\:hover-opacity-\[55\]:hover                { opacity: .55; }
    .lg\:opacity-\[60\], .lg\:hover-opacity-\[60\]:hover                { opacity: .6; }
    .lg\:opacity-\[65\], .lg\:hover-opacity-\[65\]:hover                { opacity: .65; }
    .lg\:opacity-\[70\], .lg\:hover-opacity-\[70\]:hover                { opacity: .7; }
    .lg\:opacity-\[75\], .lg\:hover-opacity-\[75\]:hover                { opacity: .75; }
    .lg\:opacity-\[80\], .lg\:hover-opacity-\[80\]:hover                { opacity: .8; }
    .lg\:opacity-\[85\], .lg\:hover-opacity-\[85\]:hover                { opacity: .85; }
    .lg\:opacity-\[90\], .lg\:hover-opacity-\[90\]:hover                { opacity: .9; }
    .lg\:opacity-\[95\], .lg\:hover-opacity-\[95\]:hover                { opacity: .95; }
    .lg\:opacity-\[100\], .lg\:hover-opacity-\[100\]:hover              { opacity: 1; }
}

@media screen and (min-width: 1440px) {
    .xl\:opacity-\[0\], .xl\:hover-opacity-\[0\]:hover                  { opacity: 0; }
    .xl\:opacity-\[5\], .xl\:hover-opacity-\[5\]:hover                  { opacity: .05; }
    .xl\:opacity-\[10\], .xl\:hover-opacity-\[10\]:hover                { opacity: .1; }
    .xl\:opacity-\[15\], .xl\:hover-opacity-\[15\]:hover                { opacity: .15; }
    .xl\:opacity-\[20\], .xl\:hover-opacity-\[20\]:hover                { opacity: .2; }
    .xl\:opacity-\[25\], .xl\:hover-opacity-\[25\]:hover                { opacity: .25; }
    .xl\:opacity-\[30\], .xl\:hover-opacity-\[30\]:hover                { opacity: .3; }
    .xl\:opacity-\[35\], .xl\:hover-opacity-\[35\]:hover                { opacity: .35; }
    .xl\:opacity-\[40\], .xl\:hover-opacity-\[40\]:hover                { opacity: .4; }
    .xl\:opacity-\[45\], .xl\:hover-opacity-\[45\]:hover                { opacity: .45; }
    .xl\:opacity-\[50\], .xl\:hover-opacity-\[50\]:hover                { opacity: .5; }
    .xl\:opacity-\[55\], .xl\:hover-opacity-\[55\]:hover                { opacity: .55; }
    .xl\:opacity-\[60\], .xl\:hover-opacity-\[60\]:hover                { opacity: .6; }
    .xl\:opacity-\[65\], .xl\:hover-opacity-\[65\]:hover                { opacity: .65; }
    .xl\:opacity-\[70\], .xl\:hover-opacity-\[70\]:hover                { opacity: .7; }
    .xl\:opacity-\[75\], .xl\:hover-opacity-\[75\]:hover                { opacity: .75; }
    .xl\:opacity-\[80\], .xl\:hover-opacity-\[80\]:hover                { opacity: .8; }
    .xl\:opacity-\[85\], .xl\:hover-opacity-\[85\]:hover                { opacity: .85; }
    .xl\:opacity-\[90\], .xl\:hover-opacity-\[90\]:hover                { opacity: .9; }
    .xl\:opacity-\[95\], .xl\:hover-opacity-\[95\]:hover                { opacity: .95; }
    .xl\:opacity-\[100\], .xl\:hover-opacity-\[100\]:hover              { opacity: 1; }
}


/* Z-index */
.z-1                        { z-index: 1; }
.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-60                       { z-index: 60; }
.z-70                       { z-index: 70; }
.z-80                       { z-index: 80; }
.z-90                       { z-index: 90; }
.z-100                      { z-index: 100; }

@media screen and (min-width: 768px) {
    .md\:z-1                { z-index: 1; }
    .md\:z-10               { z-index: 10; }
    .md\:z-20               { z-index: 20; }
    .md\:z-30               { z-index: 30; }
    .md\:z-40               { z-index: 40; }
    .md\:z-50               { z-index: 50; }
    .md\:z-60               { z-index: 60; }
    .md\:z-70               { z-index: 70; }
    .md\:z-80               { z-index: 80; }
    .md\:z-90               { z-index: 90; }
    .md\:z-100              { z-index: 100; }
}

@media screen and (min-width: 1024px) {
    .lg\:z-1                { z-index: 1; }
    .lg\:z-10               { z-index: 10; }
    .lg\:z-20               { z-index: 20; }
    .lg\:z-30               { z-index: 30; }
    .lg\:z-40               { z-index: 40; }
    .lg\:z-50               { z-index: 50; }
    .lg\:z-60               { z-index: 60; }
    .lg\:z-70               { z-index: 70; }
    .lg\:z-80               { z-index: 80; }
    .lg\:z-90               { z-index: 90; }
    .lg\:z-100              { z-index: 100; }
}

@media screen and (min-width: 1440px) {
    .xl\:z-1                { z-index: 1; }
    .xl\:z-10               { z-index: 10; }
    .xl\:z-20               { z-index: 20; }
    .xl\:z-30               { z-index: 30; }
    .xl\:z-40               { z-index: 40; }
    .xl\:z-50               { z-index: 50; }
    .xl\:z-60               { z-index: 60; }
    .xl\:z-70               { z-index: 70; }
    .xl\:z-80               { z-index: 80; }
    .xl\:z-90               { z-index: 90; }
    .xl\:z-100              { z-index: 100; }
}


/* Font Size */
.text-0             { font-size: 0; }
.text-10            { font-size: 0.625rem; }
.text-11            { font-size: 0.688rem; }
.text-12            { font-size: 0.75rem; }
.text-13            { font-size: 0.813rem; }
.text-14            { font-size: 0.875rem; }
.text-15            { font-size: 0.938rem; }
.text-16            { font-size: 1rem; }
.text-17            { font-size: 1.063rem; }
.text-18            { font-size: 1.125rem; }
.text-19            { font-size: 1.188rem; }
.text-20            { font-size: 1.25rem; }
.text-21            { font-size: 1.313rem; }
.text-22            { font-size: 1.375rem; }
.text-23            { font-size: 1.438rem; }
.text-24            { font-size: 1.5rem; }
.text-25            { font-size: 1.563rem; }
.text-26            { font-size: 1.625rem; }
.text-27            { font-size: 1.688rem; }
.text-28            { font-size: 1.75rem; }
.text-29            { font-size: 1.813rem; }
.text-30            { font-size: 1.875rem; }
.text-31            { font-size: 1.938rem; }
.text-32            { font-size: 2rem; }
.text-33            { font-size: 2.063rem; }
.text-34            { font-size: 2.125rem; }
.text-35            { font-size: 2.188rem; }
.text-36            { font-size: 2.25rem; }
.text-37            { font-size: 2.313rem; }
.text-38            { font-size: 2.375rem; }
.text-39            { font-size: 2.438rem; }
.text-40            { font-size: 2.5rem; }
.text-41            { font-size: 2.563rem; }
.text-42            { font-size: 2.625rem; }
.text-43            { font-size: 2.688rem; }
.text-44            { font-size: 2.75rem; }
.text-45            { font-size: 2.813rem; }
.text-46            { font-size: 2.875rem; }
.text-47            { font-size: 2.938rem; }
.text-48            { font-size: 3rem; }
.text-49            { font-size: 3.063rem; }
.text-50            { font-size: 3.125rem; }
.text-51            { font-size: 3.188rem; }
.text-52            { font-size: 3.25rem; }
.text-53            { font-size: 3.313rem; }
.text-54            { font-size: 3.375rem; }
.text-55            { font-size: 3.438rem; }
.text-56            { font-size: 3.5rem; }
.text-57            { font-size: 3.563rem; }
.text-58            { font-size: 3.625rem; }
.text-59            { font-size: 3.688rem; }
.text-60            { font-size: 3.75rem; }
.text-61            { font-size: 3.813rem; }
.text-62            { font-size: 3.875rem; }
.text-63            { font-size: 3.938rem; }
.text-64            { font-size: 4rem; }
.text-65            { font-size: 4.063rem; }
.text-66            { font-size: 4.125rem; }
.text-67            { font-size: 4.188rem; }
.text-68            { font-size: 4.25rem; }
.text-69            { font-size: 4.313rem; }
.text-70            { font-size: 4.375rem; }
.text-71            { font-size: 4.438rem; }
.text-72            { font-size: 4.5rem; }
.text-73            { font-size: 4.563rem; }
.text-74            { font-size: 4.625rem; }
.text-75            { font-size: 4.688rem; }
.text-76            { font-size: 4.75rem; }
.text-77            { font-size: 4.813rem; }
.text-78            { font-size: 4.875rem; }
.text-79            { font-size: 4.938rem; }
.text-80            { font-size: 5rem; }
.text-81            { font-size: 5.063rem; }
.text-82            { font-size: 5.125rem; }
.text-83            { font-size: 5.188rem; }
.text-84            { font-size: 5.25rem; }
.text-85            { font-size: 5.313rem; }
.text-86            { font-size: 5.375rem; }
.text-87            { font-size: 5.438rem; }
.text-88            { font-size: 5.5rem; }
.text-89            { font-size: 5.563rem; }
.text-90            { font-size: 5.625rem; }
.text-91            { font-size: 5.688rem; }
.text-92            { font-size: 5.75rem; }
.text-93            { font-size: 5.813rem; }
.text-94            { font-size: 5.875rem; }
.text-95            { font-size: 5.938rem; }
.text-96            { font-size: 6rem; }
.text-97            { font-size: 6.063rem; }
.text-98            { font-size: 6.125rem; }
.text-99            { font-size: 6.188rem; }
.text-100           { font-size: 6.25rem; }
.text-101           { font-size: 6.313rem; }
.text-102           { font-size: 6.375rem; }
.text-103           { font-size: 6.438rem; }
.text-104           { font-size: 6.5rem; }
.text-105           { font-size: 6.563rem; }
.text-106           { font-size: 6.625rem; }
.text-107           { font-size: 6.688rem; }
.text-108           { font-size: 6.75rem; }
.text-109           { font-size: 6.813rem; }
.text-110           { font-size: 6.875rem; }
.text-111           { font-size: 6.938rem; }
.text-112           { font-size: 7rem; }
.text-113           { font-size: 7.063rem; }
.text-114           { font-size: 7.125rem; }
.text-115           { font-size: 7.188rem; }
.text-116           { font-size: 7.25rem; }
.text-117           { font-size: 7.313rem; }
.text-118           { font-size: 7.375rem; }
.text-119           { font-size: 7.438rem; }
.text-120           { font-size: 7.5rem; }


/* ------------------------------------------------------------------------------------------- */


@media screen and (min-width: 640px) {
}

@media screen and (min-width: 768px) {
}

@media screen and (min-width: 980px) {
}

@media screen and (min-width: 1024px) {
}

@media screen and (min-width: 1440px) {
}

@media screen and (min-width: 1840px) {
}