/* Responsive Extra Large Breakpoint */

@media (min-width:1280px){
    /* XL FONT MATCHING */
.xl\:font-primary { font-family: var(--font-primary); }
.xl\:font-secondary { font-family: var(--font-secondary); }
.xl\:font-base { font-family: var(--font-base); }

/* XL TEXT COLORS */
.xl\:text-color-dark,
.xl\:text-dark { color: var(--color-dark); }
.xl\:text-dark-offset { color: var(--color-dark-offset); }
.xl\:text-color-primary,
.xl\:text-primary { color: var(--color-primary); }
.xl\:text-color-secondary,
.xl\:text-secondary { color: var(--color-secondary); }
.xl\:text-white { color: #ffffff; }
.xl\:text-red { color: var(--color-red); }
.xl\:text-bright-red { color: var(--color-bright-red); }
.xl\:text-gray { color: var(--color-gray); }
.xl\:text-gray-lightest { color: var(--color-gray-lightest); }
.xl\:text-notice-warning { color: var(--color-notice-warning); }
.xl\:text-notice-success { color: var(--color-notice-success); }
.xl\:text-link { color: var(--color-link); }
.xl\:text-link-hover:hover { color: var(--color-link-hover); }

/* XL FILL COLORS */
.xl\:fill-dark { fill: var(--color-dark); }
.xl\:fill-dark-offset { fill: var(--color-dark-offset); }
.xl\:fill-primary { fill: var(--color-primary); }
.xl\:fill-secondary { fill: var(--color-secondary); }
.xl\:fill-red { fill: var(--color-red); }
.xl\:fill-bright-red { fill: var(--color-bright-red); }
.xl\:fill-gray { fill: var(--color-gray); }
.xl\:fill-gray-lightest { fill: var(--color-gray-lightest); }
.xl\:fill-notice-warning { fill: var(--color-notice-warning); }
.xl\:fill-notice-success { fill: var(--color-notice-success); }
.xl\:fill-link { fill: var(--color-link); }
.xl\:fill-link-hover:hover { fill: var(--color-link-hover); }

/* XL BACKGROUND COLORS */
.xl\:bg-dark { background-color: var(--color-bg-dark); } 
.xl\:bg-dark-raw { background-color: var(--color-dark); }
.xl\:bg-light { background-color: var(--color-bg-light); }
.xl\:bg-primary { background-color: var(--color-primary); }
.xl\:bg-secondary { background-color: var(--color-secondary); }
.xl\:bg-red { background-color: var(--color-red); }
.xl\:bg-bright-red { background-color: var(--color-bright-red); }
.xl\:bg-gray { background-color: var(--color-gray); }
.xl\:bg-gray-lightest { background-color: var(--color-gray-lightest); }
.xl\:bg-notice-warning { background-color: var(--color-notice-warning); }
.xl\:bg-notice-success { background-color: var(--color-notice-success); }
.xl\:bg-link { background-color: var(--color-link); }
.xl\:bg-link-hover:hover { background-color: var(--color-link-hover); }

.xl\:make-white {filter:contrast(0) sepia(9) brightness(10) grayscale(1);}

.xl\:rounded-1 { border-radius:.25rem;}
.xl\:rounded-2 { border-radius:.5rem;}
.xl\:rounded-3 { border-radius:1rem;}
.xl\:rounded-4 { border-radius:1.5rem;}
.xl\:rounded-5 { border-radius:2rem;}

/* XL BOX SHADOW */
.xl\:shadow-none { box-shadow: none; }

.xl\:shadow-xs {
  box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

.xl\:shadow-sm {
  box-shadow: 0 2px 4px rgba(0,0,0,0.12);
}

.xl\:shadow {
  box-shadow: 0 4px 8px rgba(0,0,0,0.16);
}

.xl\:shadow-lg {
  box-shadow: 0 10px 20px rgba(0,0,0,0.22);
}

.xl\:shadow-xl {
  box-shadow: 0 20px 40px rgba(0,0,0,0.28);
}

.xl\:shadow-inner {
  box-shadow: inset 0 2px 4px rgba(0,0,0,0.16);
}

.xl\:shadow-light-xs {
  box-shadow: 0 1px 2px rgba(255,255,255,0.08);
}

.xl\:shadow-light-sm {
  box-shadow: 0 2px 4px rgba(255,255,255,0.08);
}

.xl\:shadow-light {
  box-shadow: 0 4px 8px rgba(255,255,255,0.08);
}

.xl\:shadow-light-lg {
  box-shadow: 0 10px 20px rgba(255,255,255,0.08);
}

.xl\:shadow-light-xl {
  box-shadow: 0 20px 40px rgba(255,255,255,0.08);
}

.xl\:shadow-light-inner {
  box-shadow: inset 0 2px 4px rgba(255,255,255,0.08);
}

/* XL BORDERS */
.xl\:border-primary-solid { border-color:var(--color-primary); border-style:solid; }
.xl\:border-primary-dotted { border-color:var(--color-primary); border-style:dotted; }
.xl\:border-secondary-solid { border-color:var(--color-secondary); border-style:solid; }
.xl\:border-secondary-dotted { border-color:var(--color-secondary); border-style:dotted; }
.xl\:border-white-solid { border-color:white; border-style:solid; }
.xl\:border-white-dotted { border-color:white; border-style:dotted; }
.xl\:border-dark-solid { border-color:var(--color-dark); border-style:solid; }
.xl\:border-gray-solid { border-color:var(--color-gray); border-style:solid; }
.xl\:border-gray-dotted { border-color:var(--color-gray); border-style:dotted; }

/* XL BORDER WHITE SOLID */
.xl\:border-t-white-solid { border-top-color:white; border-top-style:solid; }
.xl\:border-r-white-solid { border-right-color:white; border-right-style:solid; }
.xl\:border-b-white-solid { border-bottom-color:white; border-bottom-style:solid; }
.xl\:border-l-white-solid { border-left-color:white; border-left-style:solid; }

/* XL BORDER WHITE DOTTED */
.xl\:border-t-white-dotted { border-top-color:white; border-top-style:dotted; }
.xl\:border-r-white-dotted { border-right-color:white; border-right-style:dotted; }
.xl\:border-b-white-dotted { border-bottom-color:white; border-bottom-style:dotted; }
.xl\:border-l-white-dotted { border-left-color:white; border-left-style:dotted; }

/* XL BORDER DARK SOLID */
.xl\:border-t-dark-solid { border-top-color:var(--color-dark); border-top-style:solid; }
.xl\:border-r-dark-solid { border-right-color:var(--color-dark); border-right-style:solid; }
.xl\:border-b-dark-solid { border-bottom-color:var(--color-dark); border-bottom-style:solid; }
.xl\:border-l-dark-solid { border-left-color:var(--color-dark); border-left-style:solid; }

/* XL BORDER DARK DOTTED */
.xl\:border-t-dark-dotted { border-top-color:var(--color-dark); border-top-style:dotted; }
.xl\:border-r-dark-dotted { border-right-color:var(--color-dark); border-right-style:dotted; }
.xl\:border-b-dark-dotted { border-bottom-color:var(--color-dark); border-bottom-style:dotted; }
.xl\:border-l-dark-dotted { border-left-color:var(--color-dark); border-left-style:dotted; }

/* XL BORDER PRIMARY SOLID */
.xl\:border-t-primary-solid { border-top-color:var(--color-primary); border-top-style:solid; }
.xl\:border-r-primary-solid { border-right-color:var(--color-primary); border-right-style:solid; }
.xl\:border-b-primary-solid { border-bottom-color:var(--color-primary); border-bottom-style:solid; }
.xl\:border-l-primary-solid { border-left-color:var(--color-primary); border-left-style:solid; }

/* XL BORDER PRIMARY DOTTED */
.xl\:border-t-primary-dotted { border-top-color:var(--color-primary); border-top-style:dotted; }
.xl\:border-r-primary-dotted { border-right-color:var(--color-primary); border-right-style:dotted; }
.xl\:border-b-primary-dotted { border-bottom-color:var(--color-primary); border-bottom-style:dotted; }
.xl\:border-l-primary-dotted { border-left-color:var(--color-primary); border-left-style:dotted; }

/* XL BORDER SECONDARY SOLID */
.xl\:border-t-secondary-solid { border-top-color:var(--color-secondary); border-top-style:solid; }
.xl\:border-r-secondary-solid { border-right-color:var(--color-secondary); border-right-style:solid; }
.xl\:border-b-secondary-solid { border-bottom-color:var(--color-secondary); border-bottom-style:solid; }
.xl\:border-l-secondary-solid { border-left-color:var(--color-secondary); border-left-style:solid; }

/* XL BORDER SECONDARY DOTTED */
.xl\:border-t-secondary-dotted { border-top-color:var(--color-secondary); border-top-style:dotted; }
.xl\:border-r-secondary-dotted { border-right-color:var(--color-secondary); border-right-style:dotted; }
.xl\:border-b-secondary-dotted { border-bottom-color:var(--color-secondary); border-bottom-style:dotted; }
.xl\:border-l-secondary-dotted { border-left-color:var(--color-secondary); border-left-style:dotted; }

/* XL BORDER WIDTH 1PX */
.xl\:border-1 { border-width:1px; }
.xl\:border-t-1 { border-top-width:1px; }
.xl\:border-r-1 { border-right-width:1px; }
.xl\:border-b-1 { border-bottom-width:1px; }
.xl\:border-l-1 { border-left-width:1px; }

/* XL BORDER WIDTH 2PX */
.xl\:border-2 { border-width:2px; }
.xl\:border-t-2 { border-top-width:2px; }
.xl\:border-r-2 { border-right-width:2px; }
.xl\:border-b-2 { border-bottom-width:2px; }
.xl\:border-l-2 { border-left-width:2px; }

/* XL BORDER WIDTH 3PX */
.xl\:border-3 { border-width:3px; }
.xl\:border-t-3 { border-top-width:3px; }
.xl\:border-r-3 { border-right-width:3px; }
.xl\:border-b-3 { border-bottom-width:3px; }
.xl\:border-l-3 { border-left-width:3px; }

/* XL BORDER WIDTH 4PX */
.xl\:border-4 { border-width:4px; }
.xl\:border-t-4 { border-top-width:4px; }
.xl\:border-r-4 { border-right-width:4px; }
.xl\:border-b-4 { border-bottom-width:4px; }
.xl\:border-l-4 { border-left-width:4px; }

/* XL BLENDING */
.xl\:blend-overlay{mix-blend-mode:overlay;}
.xl\:blend-multiply{mix-blend-mode:multiply;}
.xl\:blend-normal{mix-blend-mode:normal;}
.xl\:blend-screen{mix-blend-mode:screen;}

/* XL CURSOR */
.xl\:cursor-auto { cursor: auto; }
.xl\:cursor-default { cursor: default; }
.xl\:cursor-pointer { cursor: pointer; }
.xl\:cursor-text { cursor: text; }
.xl\:cursor-move { cursor: move; }
.xl\:cursor-not-allowed { cursor: not-allowed; }
.xl\:cursor-wait { cursor: wait; }
.xl\:cursor-crosshair { cursor: crosshair; }
.xl\:cursor-grab { cursor: grab; }
.xl\:cursor-grabbing { cursor: grabbing; }

/* XL OPACITY */
.xl\:opacity-0{opacity:0;}
.xl\:opacity-10{opacity:0.1;}
.xl\:opacity-20{opacity:0.2;}
.xl\:opacity-30{opacity:0.3;}
.xl\:opacity-40{opacity:0.4;}
.xl\:opacity-50{opacity:0.5;}
.xl\:opacity-60{opacity:0.6;}
.xl\:opacity-70{opacity:0.7;}
.xl\:opacity-80{opacity:0.8;}
.xl\:opacity-90{opacity:0.9;}
.xl\:opacity-100{opacity:1;}

/* XL Fixed font-size utilities */
.xl\:text-2xs{font-size:0.6rem;}
.xl\:text-xs{font-size:0.7rem;}
.xl\:text-sm{font-size:0.8rem;}
.xl\:text-tiny{font-size:0.75rem;}
.xl\:text-base{font-size:1rem;}
.xl\:text-lg{font-size:1.5rem;}
.xl\:text-xl{font-size:2rem;}
.xl\:text-2xl{font-size:3rem;}
.xl\:text-3xl{font-size:4rem;}
.xl\:text-4xl{font-size:5rem;}
.xl\:text-5xl{font-size:6rem;}
.xl\:text-6xl{font-size:7rem;}
.xl\:text-7xl{font-size:8rem;}
.xl\:text-8xl{font-size:9rem;}
.xl\:text-9xl{font-size:10rem;}

/* XL Fluid font-size utilities */
.xl\:text-fluid-2xs{font-size:clamp(0.625rem, calc(0.5761rem + 0.0136vw), 0.75rem)}
.xl\:text-fluid-xs{font-size:clamp(0.75rem, calc(0.7011rem + 0.0136vw), 0.875rem)}
.xl\:text-fluid-sm{font-size:clamp(0.875rem, calc(0.8261rem + 0.0136vw), 1rem)}
.xl\:text-fluid-base{font-size:clamp(1rem, calc(0.9511rem + 0.0136vw), 1.125rem)}
.xl\:text-fluid-lg{font-size:clamp(1.125rem, calc(1.0761rem + 0.0136vw), 1.25rem)}
.xl\:text-fluid-xl{font-size:clamp(1.25rem, calc(1.1522rem + 0.0272vw), 1.5rem)}
.xl\:text-fluid-2xl{font-size:clamp(1.5rem, calc(1.3533rem + 0.0408vw), 1.875rem)}
.xl\:text-fluid-3xl{font-size:clamp(1.875rem, calc(1.7283rem + 0.0408vw), 2.25rem)}
.xl\:text-fluid-4xl{font-size:clamp(2.25rem, calc(1.9565rem + 0.0815vw), 3rem)}
.xl\:text-fluid-5xl{font-size:clamp(3rem, calc(2.7065rem + 0.0815vw), 3.75rem)}
.xl\:text-fluid-6xl{font-size:clamp(3.75rem, calc(3.4565rem + 0.0815vw), 4.5rem)}
.xl\:text-fluid-7xl{font-size:clamp(4.5rem, calc(3.913rem + 0.163vw), 6rem)}
.xl\:text-fluid-8xl{font-size:clamp(6rem, calc(5.2174rem + 0.2174vw), 8rem)}
.xl\:text-fluid-9xl{font-size:clamp(8rem, calc(7.2174rem + 0.2174vw), 10rem)}

/* XL WHITESPACE */
.xl\:ws-normal { white-space: normal; }
.xl\:ws-nowrap { white-space: nowrap; }
.xl\:ws-pre { white-space: pre; }
.xl\:ws-pre-line { white-space: pre-line; }
.xl\:ws-pre-wrap { white-space: pre-wrap; }  

/* XL Line-height named utilities */
.xl\:leading-none{line-height:0.8}
.xl\:leading-100{line-height:1}
.xl\:leading-105{line-height:1.05}
.xl\:leading-110{line-height:1.1}
.xl\:leading-115{line-height:1.15}
.xl\:leading-120{line-height:1.2}
.xl\:leading-125{line-height:1.25}
.xl\:leading-130{line-height:1.3}
.xl\:leading-135{line-height:1.35}
.xl\:leading-140{line-height:1.4}
.xl\:leading-145{line-height:1.45}
.xl\:leading-150{line-height:1.5}
.xl\:leading-160{line-height:1.6}
.xl\:leading-175{line-height:1.75}
.xl\:leading-200{line-height:2}
.xl\:leading-205{line-height:2.05}
.xl\:leading-210{line-height:2.1}
.xl\:leading-215{line-height:2.15}
.xl\:leading-220{line-height:2.2}
.xl\:leading-225{line-height:2.25}
.xl\:leading-230{line-height:2.3}
.xl\:leading-235{line-height:2.35}
.xl\:leading-240{line-height:2.4}
.xl\:leading-245{line-height:2.45}
.xl\:leading-250{line-height:2.5}
.xl\:leading-255{line-height:2.55}
.xl\:leading-260{line-height:2.6}
.xl\:leading-265{line-height:2.65}
.xl\:leading-270{line-height:2.7}
.xl\:leading-275{line-height:2.75}
.xl\:leading-280{line-height:2.8}
.xl\:leading-285{line-height:2.85}
.xl\:leading-290{line-height:2.9}
.xl\:leading-295{line-height:2.95}
.xl\:leading-300{line-height:3}
.xl\:leading-305{line-height:3.05}
.xl\:leading-310{line-height:3.1}
.xl\:leading-315{line-height:3.15}
.xl\:leading-320{line-height:3.2}
.xl\:leading-325{line-height:3.25}
.xl\:leading-330{line-height:3.3}
.xl\:leading-335{line-height:3.35}
.xl\:leading-340{line-height:3.4}
.xl\:leading-345{line-height:3.45}
.xl\:leading-350{line-height:3.5}
.xl\:leading-355{line-height:3.55}
.xl\:leading-360{line-height:3.6}
.xl\:leading-365{line-height:3.65}
.xl\:leading-370{line-height:3.7}
.xl\:leading-375{line-height:3.75}
.xl\:leading-380{line-height:3.8}
.xl\:leading-385{line-height:3.85}
.xl\:leading-390{line-height:3.9}
.xl\:leading-395{line-height:3.95}
.xl\:leading-400{line-height:4}

/* XL Named letter-spacing utilities */
.xl\:tracking-none   { letter-spacing: 0 }
.xl\:tracking-light  { letter-spacing: 0.02em }
.xl\:tracking-wide   { letter-spacing: 0.08em }
.xl\:tracking-wider  { letter-spacing: 0.15em }
.xl\:tracking-widest { letter-spacing: 0.3em }

/* XL FONT WEIGHT */
.xl\:weight-100{font-weight:100;}
.xl\:weight-200{font-weight:200;}
.xl\:weight-300{font-weight:300;}
.xl\:weight-400{font-weight:400;}
.xl\:weight-500{font-weight:500;}
.xl\:weight-600{font-weight:600;}
.xl\:weight-700{font-weight:700;}
.xl\:weight-800{font-weight:800;}
.xl\:weight-900{font-weight:900;}

/* XL text decoration / transform / style */
.xl\:text-underline{text-decoration:underline;}
.xl\:text-no-underline{text-decoration:none;}
.xl\:text-overline{text-decoration:overline;}
.xl\:text-line-through{text-decoration:line-through;}

.xl\:lowercase{text-transform:lowercase;}
.xl\:capitalize{text-transform:capitalize;}
.xl\:normal-case{text-transform:none;}
.xl\:decoration-none {text-decoration: none;}

.xl\:text-italic{font-style:italic;}
.xl\:text-no-italic{font-style:normal;}

/* XL text align */
.xl\:text-left { text-align: left }
.xl\:text-center { text-align: center }
.xl\:text-right { text-align: right }
.xl\:text-justify { text-align: justify }

.xl\:text-start { text-align: start }
.xl\:text-end { text-align: end }

/* XL TEXT SHADOW */
.xl\:text-shadow-light {
  text-shadow: 0 1px 2px rgba(0,0,0,0.38), 0 0 14px rgba(255,255,255,0.18);
}

/* XL WIDTH */

.xl\:w-full { width: 100% }
.xl\:w-screen { width: 100vw }
.xl\:w-0 { width: 0 }
.xl\:w-px { width: 1px }
.xl\:w-10 { width: 10% }
.xl\:w-15 { width: 15% }
.xl\:w-20 { width: 20% }
.xl\:w-25 { width: 25% }
.xl\:w-30 { width: 30% }
.xl\:w-33 { width: 33.333% }
.xl\:w-40 { width: 40% }
.xl\:w-50 { width: 50% }
.xl\:w-60 { width: 60% }
.xl\:w-66 { width: 66.666% }
.xl\:w-70 { width: 70% }
.xl\:w-75 { width: 75% }
.xl\:w-80 { width: 80% }
.xl\:w-90 { width: 90% }
.xl\:w-100 { width: 100% }
.xl\:w-1_2 { width: 50% }
.xl\:w-1_3 { width: 33.333% }
.xl\:w-2_3 { width: 66.666% }
.xl\:w-1_4 { width: 25% }
.xl\:w-3_4 { width: 75% }
.xl\:w-auto { width: auto }
.xl\:w-min { width: min-content }
.xl\:w-max { width: max-content }
.xl\:w-fit { width: fit-content }
.xl\:w-svw { width: 100svw }

.xl\:w-vw-5 { width: 5vw }
.xl\:w-vw-10 { width: 10vw }
.xl\:w-vw-20 { width: 20vw }
.xl\:w-vw-25 { width: 25vw }
.xl\:w-vw-30 { width: 30vw }
.xl\:w-vw-33 { width: 33.333vw }
.xl\:w-vw-40 { width: 40vw }
.xl\:w-vw-50 { width: 50vw }
.xl\:w-vw-60 { width: 60vw }
.xl\:w-vw-66 { width: 66.666vw }
.xl\:w-vw-70 { width: 70vw }
.xl\:w-vw-75 { width: 75vw }
.xl\:w-vw-80 { width: 80vw }
.xl\:w-vw-90 { width: 90vw }
.xl\:w-vw-100 { width: 100vw }

/* XL MIN WIDTH */
.xl\:min-w-5 { min-width: 5% }
.xl\:min-w-10 { min-width: 10% }
.xl\:min-w-15 { min-width: 15% }
.xl\:min-w-20 { min-width: 20% }
.xl\:min-w-25 { min-width: 25% }
.xl\:min-w-30 { min-width: 30% }
.xl\:min-w-33 { min-width: 33.333% }
.xl\:min-w-40 { min-width: 40% }
.xl\:min-w-50 { min-width: 50% }
.xl\:min-w-60 { min-width: 60% }
.xl\:min-w-66 { min-width: 66.666% }
.xl\:min-w-70 { min-width: 70% }
.xl\:min-w-75 { min-width: 75% }
.xl\:min-w-80 { min-width: 80% }
.xl\:min-w-90 { min-width: 90% }
.xl\:min-w-100 { min-width: 100% }
.xl\:min-w-1_2 { min-width: 50% }
.xl\:min-w-1_3 { min-width: 33.333% }
.xl\:min-w-2_3 { min-width: 66.666% }
.xl\:min-w-1_4 { min-width: 25% }
.xl\:min-w-3_4 { min-width: 75% }
.xl\:min-w-auto { min-width: auto }
.xl\:min-w-min { min-width: min-content }
.xl\:min-w-max { min-width: max-content }
.xl\:min-w-fit { min-width: fit-content }
.xl\:min-w-vw-5 { min-width: 5vw }
.xl\:min-w-vw-10 { min-width: 10vw }
.xl\:min-w-vw-20 { min-width: 20vw }
.xl\:min-w-vw-25 { min-width: 25vw }
.xl\:min-w-vw-30 { min-width: 30vw }
.xl\:min-w-vw-33 { min-width: 33.333vw }
.xl\:min-w-vw-40 { min-width: 40vw }
.xl\:min-w-vw-50 { min-width: 50vw }
.xl\:min-w-vw-60 { min-width: 60vw }
.xl\:min-w-vw-66 { min-width: 66.666vw }
.xl\:min-w-vw-70 { min-width: 70vw }
.xl\:min-w-vw-75 { min-width: 75vw }
.xl\:min-w-vw-80 { min-width: 80vw }
.xl\:min-w-vw-90 { min-width: 90vw }
.xl\:min-w-vw-100 { min-width: 100vw }

/* XL MAX WIDTH */
.xl\:max-w-5 { max-width: 5% }
.xl\:max-w-10 { max-width: 10% }
.xl\:max-w-15 { max-width: 15% }
.xl\:max-w-20 { max-width: 20% }
.xl\:max-w-25 { max-width: 25% }
.xl\:max-w-30 { max-width: 30% }
.xl\:max-w-33 { max-width: 33.333% }
.xl\:max-w-40 { max-width: 40% }
.xl\:max-w-50 { max-width: 50% }
.xl\:max-w-60 { max-width: 60% }
.xl\:max-w-66 { max-width: 66.666% }
.xl\:max-w-70 { max-width: 70% }
.xl\:max-w-75 { max-width: 75% }
.xl\:max-w-80 { max-width: 80% }
.xl\:max-w-90 { max-width: 90% }
.xl\:max-w-100 { max-width: 100% }
.xl\:max-w-1_2 { max-width: 50% }
.xl\:max-w-1_3 { max-width: 33.333% }
.xl\:max-w-2_3 { max-width: 66.666% }
.xl\:max-w-1_4 { max-width: 25% }
.xl\:max-w-3_4 { max-width: 75% }
.xl\:max-w-auto {max-width:auto;}
.xl\:max-w-none { max-width: none }
.xl\:max-w-min { max-width: min-content }
.xl\:max-w-max { max-width: max-content }
.xl\:max-w-fit { max-width: fit-content }
.xl\:max-w-vw-5 { max-width: 5vw }
.xl\:max-w-vw-10 { max-width: 10vw }
.xl\:max-w-vw-15 { max-width: 15vw }
.xl\:max-w-vw-20 { max-width: 20vw }
.xl\:max-w-vw-25 { max-width: 25vw }
.xl\:max-w-vw-30 { max-width: 30vw }
.xl\:max-w-vw-33 { max-width: 33.333vw }
.xl\:max-w-vw-40 { max-width: 40vw }
.xl\:max-w-vw-50 { max-width: 50vw }
.xl\:max-w-vw-60 { max-width: 60vw }
.xl\:max-w-vw-66 { max-width: 66.666vw }
.xl\:max-w-vw-70 { max-width: 70vw }
.xl\:max-w-vw-75 { max-width: 75vw }
.xl\:max-w-vw-80 { max-width: 80vw }
.xl\:max-w-vw-90 { max-width: 90vw }
.xl\:max-w-vw-100 { max-width: 100vw }

.xl\:w-0px { width: 0px }
.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-100px { width: 100px }
.xl\:w-125px { width: 125px }
.xl\:w-150px { width: 150px }
.xl\:w-175px { width: 175px }
.xl\:w-200px { width: 200px }
.xl\:w-240px { width: 240px }
.xl\:w-320px { width: 320px }
.xl\:w-300px { width: 300px }
.xl\:w-400px { width: 400px }
.xl\:w-500px { width: 500px }
.xl\:w-600px { width: 600px }
.xl\:w-800px { width: 800px }
.xl\:w-1000px { width: 1000px }
.xl\:w-1200px { width: 1200px }
.xl\:w-1400px { width: 1400px }

.xl\:max-w-0px { max-width: 0px }
.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-100px { max-width: 100px }
.xl\:max-w-125px { max-width: 125px }
.xl\:max-w-150px { max-width: 150px }
.xl\:max-w-175px { max-width: 175px }
.xl\:max-w-200px { max-width: 200px }
.xl\:max-w-300px { max-width: 300px }
.xl\:max-w-400px { max-width: 400px }
.xl\:max-w-500px { max-width: 500px }
.xl\:max-w-600px { max-width: 600px }
.xl\:max-w-800px { max-width: 800px }
.xl\:max-w-1000px { max-width: 1000px }
.xl\:max-w-1200px { max-width: 1200px }
.xl\:max-w-1400px { max-width: 1400px }

.xl\:min-w-0px { min-width: 0px }
.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-100px { min-width: 100px }
.xl\:min-w-125px { min-width: 125px }
.xl\:min-w-150px { min-width: 150px }
.xl\:min-w-175px { min-width: 175px }
.xl\:min-w-200px { min-width: 200px }
.xl\:min-w-300px { min-width: 300px }
.xl\:min-w-400px { min-width: 400px }
.xl\:min-w-500px { min-width: 500px }
.xl\:min-w-600px { min-width: 600px }
.xl\:min-w-800px { min-width: 800px }
.xl\:min-w-1000px { min-width: 1000px }
.xl\:min-w-1200px { min-width: 1200px }
.xl\:min-w-1400px { min-width: 1400px }

/* XL UNSET */
.xl\:w-unset { width: unset; }
.xl\:min-w-unset { min-width: unset; }
.xl\:max-w-unset { max-width: unset; }

/* XL GRID */
.xl\:fullgrid-20  { width: calc(100% - 20px); }
.xl\:fullgrid-40  { width: calc(100% - 40px); }
.xl\:fullgrid-60  { width: calc(100% - 60px); }
.xl\:fullgrid-80  { width: calc(100% - 80px); }
.xl\:fullgrid-100 { width: calc(100% - 100px); }
.xl\:fullgrid-120 { width: calc(100% - 120px); }
.xl\:fullgrid-140 { width: calc(100% - 140px); }
.xl\:fullgrid-160 { width: calc(100% - 160px); }
.xl\:fullgrid-180 { width: calc(100% - 180px); }
.xl\:fullgrid-200 { width: calc(100% - 200px); }
.xl\:fullgrid-220 { width: calc(100% - 220px); }
.xl\:fullgrid-240 { width: calc(100% - 240px); }

.xl\:grid-800  { width: 800px; }
.xl\:grid-1000 { width: 1000px; }
.xl\:grid-1100 { width: 1100px; }
.xl\:grid-1200 { width: 1200px; }
.xl\:grid-1400 { width: 1400px; }
.xl\:grid-1600 { width: 1600px; }

.xl\:fullgrid-20,
.xl\:fullgrid-40,
.xl\:fullgrid-60,
.xl\:fullgrid-80,
.xl\:fullgrid-100,
.xl\:fullgrid-120,
.xl\:fullgrid-140,
.xl\:fullgrid-160,
.xl\:fullgrid-180,
.xl\:fullgrid-200,
.xl\:fullgrid-220,
.xl\:fullgrid-240,
.xl\:grid-800,
.xl\:grid-1000,
.xl\:grid-1100,
.xl\:grid-1200,
.xl\:grid-1400,
.xl\:grid-1600 {margin: 0 auto;}

/* XL HEIGHT */
.xl\:h-5 { height: 5% }
.xl\:h-10 { height: 10% }
.xl\:h-15 { height: 15% }
.xl\:h-20 { height: 20% }
.xl\:h-25 { height: 25% }
.xl\:h-30 { height: 30% }
.xl\:h-33 { height: 33.333% }
.xl\:h-40 { height: 40% }
.xl\:h-50 { height: 50% }
.xl\:h-60 { height: 60% }
.xl\:h-66 { height: 66.666% }
.xl\:h-70 { height: 70% }
.xl\:h-75 { height: 75% }
.xl\:h-80 { height: 80% }
.xl\:h-90 { height: 90% }
.xl\:h-100,
.xl\:h-full { height: 100% }
.xl\:h-1_2 { height: 50% }
.xl\:h-1_3 { height: 33.333% }
.xl\:h-2_3 { height: 66.666% }
.xl\:h-1_4 { height: 25% }
.xl\:h-3_4 { height: 75% }
.xl\:h-auto { height: auto }
.xl\:h-min { height: min-content }
.xl\:h-max { height: max-content }
.xl\:h-fit { height: fit-content }
.xl\:h-screen { height: 100vh }
.xl\:h-svh { height: 100svh }

.xl\:h-vw-5 { height: 5vw }
.xl\:h-vw-10 { height: 10vw }
.xl\:h-vw-15 { height: 15vw }
.xl\:h-vw-20 { height: 20vw }
.xl\:h-vw-25 { height: 25vw }
.xl\:h-vw-30 { height: 30vw }
.xl\:h-vw-33 { height: 33.333vw }
.xl\:h-vw-40 { height: 40vw }
.xl\:h-vw-50 { height: 50vw }
.xl\:h-vw-60 { height: 60vw }
.xl\:h-vw-66 { height: 66.666vw }
.xl\:h-vw-70 { height: 70vw }
.xl\:h-vw-75 { height: 75vw }
.xl\:h-vw-80 { height: 80vw }
.xl\:h-vw-90 { height: 90vw }
.xl\:h-vw-100 { height: 100vw }

/* XL MIN HEIGHT */
.xl\:min-h-5 { min-height: 5% }
.xl\:min-h-10 { min-height: 10% }
.xl\:min-h-15 { min-height: 15% }
.xl\:min-h-20 { min-height: 20% }
.xl\:min-h-25 { min-height: 25% }
.xl\:min-h-30 { min-height: 30% }
.xl\:min-h-33 { min-height: 33.333% }
.xl\:min-h-40 { min-height: 40% }
.xl\:min-h-50 { min-height: 50% }
.xl\:min-h-60 { min-height: 60% }
.xl\:min-h-66 { min-height: 66.666% }
.xl\:min-h-70 { min-height: 70% }
.xl\:min-h-75 { min-height: 75% }
.xl\:min-h-80 { min-height: 80% }
.xl\:min-h-90 { min-height: 90% }
.xl\:min-h-100 { min-height: 100% }
.xl\:min-h-1_2 { min-height: 50% }
.xl\:min-h-1_3 { min-height: 33.333% }
.xl\:min-h-2_3 { min-height: 66.666% }
.xl\:min-h-1_4 { min-height: 25% }
.xl\:min-h-3_4 { min-height: 75% }
.xl\:min-h-auto { min-height: auto }
.xl\:min-h-min { min-height: min-content }
.xl\:min-h-max { min-height: max-content }
.xl\:min-h-fit { min-height: fit-content }
.xl\:min-h-screen { min-height: 100vh }
.xl\:min-h-svh { min-height: 100svh }

.xl\:min-h-vw-5 { min-height: 5vw }
.xl\:min-h-vw-10 { min-height: 10vw }
.xl\:min-h-vw-15 { min-height: 15vw }
.xl\:min-h-vw-20 { min-height: 20vw }
.xl\:min-h-vw-25 { min-height: 25vw }
.xl\:min-h-vw-30 { min-height: 30vw }
.xl\:min-h-vw-33 { min-height: 33.333vw }
.xl\:min-h-vw-40 { min-height: 40vw }
.xl\:min-h-vw-50 { min-height: 50vw }
.xl\:min-h-vw-60 { min-height: 60vw }
.xl\:min-h-vw-66 { min-height: 66.666vw }
.xl\:min-h-vw-70 { min-height: 70vw }
.xl\:min-h-vw-75 { min-height: 75vw }
.xl\:min-h-vw-80 { min-height: 80vw }
.xl\:min-h-vw-90 { min-height: 90vw }
.xl\:min-h-vw-100 { min-height: 100vw }

/* XL MAX HEIGHT */
.xl\:max-h-5 { max-height: 5% }
.xl\:max-h-10 { max-height: 10% }
.xl\:max-h-15 { max-height: 15% }
.xl\:max-h-20 { max-height: 20% }
.xl\:max-h-25 { max-height: 25% }
.xl\:max-h-30 { max-height: 30% }
.xl\:max-h-33 { max-height: 33.333% }
.xl\:max-h-40 { max-height: 40% }
.xl\:max-h-50 { max-height: 50% }
.xl\:max-h-60 { max-height: 60% }
.xl\:max-h-66 { max-height: 66.666% }
.xl\:max-h-70 { max-height: 70% }
.xl\:max-h-75 { max-height: 75% }
.xl\:max-h-80 { max-height: 80% }
.xl\:max-h-90 { max-height: 90% }
.xl\:max-h-100 { max-height: 100% }
.xl\:max-h-1_2 { max-height: 50% }
.xl\:max-h-1_3 { max-height: 33.333% }
.xl\:max-h-2_3 { max-height: 66.666% }
.xl\:max-h-1_4 { max-height: 25% }
.xl\:max-h-3_4 { max-height: 75% }
.xl\:max-h-auto { max-height: auto }
.xl\:max-h-none { max-height: none }
.xl\:max-h-min { max-height: min-content }
.xl\:max-h-max { max-height: max-content }
.xl\:max-h-fit { max-height: fit-content }
.xl\:max-h-screen { max-height: 100vh }
.xl\:max-h-svh { max-height: 100svh }

.xl\:max-h-vw-5 { max-height: 5vw }
.xl\:max-h-vw-10 { max-height: 10vw }
.xl\:max-h-vw-15 { max-height: 15vw }
.xl\:max-h-vw-20 { max-height: 20vw }
.xl\:max-h-vw-25 { max-height: 25vw }
.xl\:max-h-vw-30 { max-height: 30vw }
.xl\:max-h-vw-33 { max-height: 33.333vw }
.xl\:max-h-vw-40 { max-height: 40vw }
.xl\:max-h-vw-50 { max-height: 50vw }
.xl\:max-h-vw-60 { max-height: 60vw }
.xl\:max-h-vw-66 { max-height: 66.666vw }
.xl\:max-h-vw-70 { max-height: 70vw }
.xl\:max-h-vw-75 { max-height: 75vw }
.xl\:max-h-vw-80 { max-height: 80vw }
.xl\:max-h-vw-90 { max-height: 90vw }
.xl\:max-h-vw-100 { max-height: 100vw }

/* XL HEIGHT PX */
.xl\:h-0px { height: 0px }
.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-100px { height: 100px }
.xl\:h-125px { height: 125px }
.xl\:h-150px { height: 150px }
.xl\:h-175px { height: 175px }
.xl\:h-200px { height: 200px }
.xl\:h-240px { height: 240px }
.xl\:h-320px { height: 320px }
.xl\:h-300px { height: 300px }
.xl\:h-400px { height: 400px }
.xl\:h-500px { height: 500px }
.xl\:h-600px { height: 600px }
.xl\:h-800px { height: 800px }
.xl\:h-1000px { height: 1000px }
.xl\:h-1200px { height: 1200px }
.xl\:h-1400px { height: 1400px }

.xl\:min-h-0px { min-height: 0px }
.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-100px { min-height: 100px }
.xl\:min-h-125px { min-height: 125px }
.xl\:min-h-150px { min-height: 150px }
.xl\:min-h-175px { min-height: 175px }
.xl\:min-h-200px { min-height: 200px }
.xl\:min-h-300px { min-height: 300px }
.xl\:min-h-400px { min-height: 400px }
.xl\:min-h-500px { min-height: 500px }
.xl\:min-h-600px { min-height: 600px }
.xl\:min-h-800px { min-height: 800px }
.xl\:min-h-1000px { min-height: 1000px }
.xl\:min-h-1200px { min-height: 1200px }
.xl\:min-h-1400px { min-height: 1400px }

.xl\:max-h-0px { max-height: 0px }
.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-100px { max-height: 100px }
.xl\:max-h-125px { max-height: 125px }
.xl\:max-h-150px { max-height: 150px }
.xl\:max-h-175px { max-height: 175px }
.xl\:max-h-200px { max-height: 200px }
.xl\:max-h-300px { max-height: 300px }
.xl\:max-h-400px { max-height: 400px }
.xl\:max-h-500px { max-height: 500px }
.xl\:max-h-600px { max-height: 600px }
.xl\:max-h-800px { max-height: 800px }
.xl\:max-h-1000px { max-height: 1000px }
.xl\:max-h-1200px { max-height: 1200px }
.xl\:max-h-1400px { max-height: 1400px }

.xl\:grid { display: grid; }

/* XL GAP (for flex and grid) */
.xl\:gap-0  { gap: 0; }
.xl\:gap-1  { gap: 1rem; }
.xl\:gap-2  { gap: 2rem; }
.xl\:gap-3  { gap: 3rem; }
.xl\:gap-4  { gap: 4rem; }
.xl\:gap-5  { gap: 5rem; }
.xl\:gap-6  { gap: 6rem; }
.xl\:gap-7  { gap: 7rem; }
.xl\:gap-8  { gap: 8rem; }
.xl\:gap-9  { gap: 9rem; }
.xl\:gap-10 { gap: 10rem; }

/* XL GAP X (column-gap) */
.xl\:gap-x-0  { column-gap: 0; }
.xl\:gap-x-1  { column-gap: 1rem; }
.xl\:gap-x-2  { column-gap: 2rem; }
.xl\:gap-x-3  { column-gap: 3rem; }
.xl\:gap-x-4  { column-gap: 4rem; }
.xl\:gap-x-5  { column-gap: 5rem; }
.xl\:gap-x-6  { column-gap: 6rem; }
.xl\:gap-x-7  { column-gap: 7rem; }
.xl\:gap-x-8  { column-gap: 8rem; }
.xl\:gap-x-9  { column-gap: 9rem; }
.xl\:gap-x-10 { column-gap: 10rem; }

/* XL GAP Y (row-gap) */
.xl\:gap-y-0  { row-gap: 0; }
.xl\:gap-y-1  { row-gap: 1rem; }
.xl\:gap-y-2  { row-gap: 2rem; }
.xl\:gap-y-3  { row-gap: 3rem; }
.xl\:gap-y-4  { row-gap: 4rem; }
.xl\:gap-y-5  { row-gap: 5rem; }
.xl\:gap-y-6  { row-gap: 6rem; }
.xl\:gap-y-7  { row-gap: 7rem; }
.xl\:gap-y-8  { row-gap: 8rem; }
.xl\:gap-y-9  { row-gap: 9rem; }
.xl\:gap-y-10 { row-gap: 10rem; }

/* XL DISPLAY BASE */
.xl\:hidden { display: none; }
.xl\:block { display: block; }
.xl\:inline { display: inline; }
.xl\:inline-block { display: inline-block; }
.xl\:inline-grid { display: inline-grid; }

/* XL FLEX BASE */
.xl\:flex{display:flex;}
.xl\:inline-flex{display:inline-flex;}
.xl\:flex-row{flex-direction:row;}
.xl\:flex-row-reverse{flex-direction:row-reverse;}
.xl\:flex-col{flex-direction:column;}
.xl\:flex-col-reverse{flex-direction:column-reverse;}
.xl\:flex-wrap{flex-wrap:wrap;}
.xl\:flex-wrap-reverse{flex-wrap:wrap-reverse;}
.xl\:flex-nowrap{flex-wrap:nowrap;}
.xl\:flex-1{flex:1 1 0%;}
.xl\:flex-auto{flex:1 1 auto;}
.xl\:flex-initial{flex:0 1 auto;}
.xl\:flex-none{flex:none;}

/* XL GRID ALIGNMENT (grid only) */
.xl\:justify-items-start{justify-items:start;}
.xl\:justify-items-end{justify-items:end;}
.xl\:justify-items-center{justify-items:center;}
.xl\:justify-items-stretch{justify-items:stretch;}

.xl\:justify-self-auto{justify-self:auto;}
.xl\:justify-self-start{justify-self:start;}
.xl\:justify-self-end{justify-self:end;}
.xl\:justify-self-center{justify-self:center;}
.xl\:justify-self-stretch{justify-self:stretch;}

/* XL SHARED ALIGNMENT (flex or grid) */
.xl\:items-start{align-items:flex-start;}
.xl\:items-end{align-items:flex-end;}
.xl\:items-center{align-items:center;}
.xl\:items-baseline{align-items:baseline;}
.xl\:items-stretch{align-items:stretch;}

.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\:justify-around{justify-content:space-around;}
.xl\:justify-evenly{justify-content:space-evenly;}

.xl\:content-start{align-content:flex-start;}
.xl\:content-end{align-content:flex-end;}
.xl\:content-center{align-content:center;}
.xl\:content-between{align-content:space-between;}
.xl\:content-around{align-content:space-around;}
.xl\:content-evenly{align-content:space-evenly;}

.xl\:self-auto{align-self:auto;}
.xl\:self-start{align-self:flex-start;}
.xl\:self-end{align-self:flex-end;}
.xl\:self-center{align-self:center;}
.xl\:self-stretch{align-self:stretch;}

/* XL FLEX ITEM SIZING */
.xl\:order-none{order:0;}
.xl\:order-1{order:1;}
.xl\:order-2{order:2;}
.xl\:order-3{order:3;}
.xl\:order-4{order:4;}
.xl\:order-5{order:5;}
.xl\:order-6{order:6;}

.xl\:basis-0{flex-basis:0;}
.xl\:basis-auto{flex-basis:auto;}
.xl\:basis-full{flex-basis:100%;}
.xl\:basis-max{flex-basis:max-content;}
.xl\:basis-min{flex-basis:min-content;}
.xl\:basis-fit{flex-basis:fit-content;}

.xl\:shrink-0{flex-shrink:0;}
.xl\:shrink{flex-shrink:1;}

.xl\:grow-0{flex-grow:0;}
.xl\:grow{flex-grow:1;}

/* XL MARGIN */
.xl\:m-0 { margin: 0; }
.xl\:m-1 { margin: 1rem; }
.xl\:m-2 { margin: 2rem; }
.xl\:m-3 { margin: 3rem; }
.xl\:m-4 { margin: 4rem; }
.xl\:m-5 { margin: 5rem; }
.xl\:m-6 { margin: 6rem; }
.xl\:m-7 { margin: 7rem; }
.xl\:m-8 { margin: 8rem; }
.xl\:m-9 { margin: 9rem; }
.xl\:m-10 { margin: 10rem; }
.xl\:m-11 { margin: 11rem; }
.xl\:m-12 { margin: 12rem; }
.xl\:m-13 { margin: 13rem; }
.xl\:m-14 { margin: 14rem; }
.xl\:m-15 { margin: 15rem; }
.xl\:m-16 { margin: 16rem; }
.xl\:m-17 { margin: 17rem; }
.xl\:m-18 { margin: 18rem; }
.xl\:m-19 { margin: 19rem; }
.xl\:m-20 { margin: 20rem; }
.xl\:m-21 { margin: 21rem; }
.xl\:m-22 { margin: 22rem; }
.xl\:m-23 { margin: 23rem; }
.xl\:m-24 { margin: 24rem; }
.xl\:m-25 { margin: 25rem; }
.xl\:m-26 { margin: 26rem; }
.xl\:m-27 { margin: 27rem; }
.xl\:m-28 { margin: 28rem; }
.xl\:m-29 { margin: 29rem; }
.xl\:m-30 { margin: 30rem; }
.xl\:m-auto { margin: auto; }

/* XL MARGIN X (left + right) */
.xl\:mx-0 { margin-left: 0; margin-right: 0; }
.xl\:mx-025 { margin-left: .25rem; margin-right: .25rem; }
.xl\:mx-05 { margin-left: .5rem; margin-right: .5rem; }
.xl\:mx-1 { margin-left: 1rem; margin-right: 1rem; }
.xl\:mx-2 { margin-left: 2rem; margin-right: 2rem; }
.xl\:mx-3 { margin-left: 3rem; margin-right: 3rem; }
.xl\:mx-4 { margin-left: 4rem; margin-right: 4rem; }
.xl\:mx-5 { margin-left: 5rem; margin-right: 5rem; }
.xl\:mx-6 { margin-left: 6rem; margin-right: 6rem; }
.xl\:mx-7 { margin-left: 7rem; margin-right: 7rem; }
.xl\:mx-8 { margin-left: 8rem; margin-right: 8rem; }
.xl\:mx-9 { margin-left: 9rem; margin-right: 9rem; }
.xl\:mx-10 { margin-left: 10rem; margin-right: 10rem; }
.xl\:mx-11 { margin-left: 11rem; margin-right: 11rem; }
.xl\:mx-12 { margin-left: 12rem; margin-right: 12rem; }
.xl\:mx-13 { margin-left: 13rem; margin-right: 13rem; }
.xl\:mx-14 { margin-left: 14rem; margin-right: 14rem; }
.xl\:mx-15 { margin-left: 15rem; margin-right: 15rem; }
.xl\:mx-16 { margin-left: 16rem; margin-right: 16rem; }
.xl\:mx-17 { margin-left: 17rem; margin-right: 17rem; }
.xl\:mx-18 { margin-left: 18rem; margin-right: 18rem; }
.xl\:mx-19 { margin-left: 19rem; margin-right: 19rem; }
.xl\:mx-20 { margin-left: 20rem; margin-right: 20rem; }
.xl\:mx-21 { margin-left: 21rem; margin-right: 21rem; }
.xl\:mx-22 { margin-left: 22rem; margin-right: 22rem; }
.xl\:mx-23 { margin-left: 23rem; margin-right: 23rem; }
.xl\:mx-24 { margin-left: 24rem; margin-right: 24rem; }
.xl\:mx-25 { margin-left: 25rem; margin-right: 25rem; }
.xl\:mx-26 { margin-left: 26rem; margin-right: 26rem; }
.xl\:mx-27 { margin-left: 27rem; margin-right: 27rem; }
.xl\:mx-28 { margin-left: 28rem; margin-right: 28rem; }
.xl\:mx-29 { margin-left: 29rem; margin-right: 29rem; }
.xl\:mx-30 { margin-left: 30rem; margin-right: 30rem; }
.xl\:mx-auto { margin-left: auto; margin-right: auto; }

/* XL MARGIN Y (top + bottom) */
.xl\:my-0 { margin-top: 0; margin-bottom: 0; }
.xl\:my-1 { margin-top: 1rem; margin-bottom: 1rem; }
.xl\:my-2 { margin-top: 2rem; margin-bottom: 2rem; }
.xl\:my-3 { margin-top: 3rem; margin-bottom: 3rem; }
.xl\:my-4 { margin-top: 4rem; margin-bottom: 4rem; }
.xl\:my-5 { margin-top: 5rem; margin-bottom: 5rem; }
.xl\:my-6 { margin-top: 6rem; margin-bottom: 6rem; }
.xl\:my-7 { margin-top: 7rem; margin-bottom: 7rem; }
.xl\:my-8 { margin-top: 8rem; margin-bottom: 8rem; }
.xl\:my-9 { margin-top: 9rem; margin-bottom: 9rem; }
.xl\:my-10 { margin-top: 10rem; margin-bottom: 10rem; }
.xl\:my-11 { margin-top: 11rem; margin-bottom: 11rem; }
.xl\:my-12 { margin-top: 12rem; margin-bottom: 12rem; }
.xl\:my-13 { margin-top: 13rem; margin-bottom: 13rem; }
.xl\:my-14 { margin-top: 14rem; margin-bottom: 14rem; }
.xl\:my-15 { margin-top: 15rem; margin-bottom: 15rem; }
.xl\:my-16 { margin-top: 16rem; margin-bottom: 16rem; }
.xl\:my-17 { margin-top: 17rem; margin-bottom: 17rem; }
.xl\:my-18 { margin-top: 18rem; margin-bottom: 18rem; }
.xl\:my-19 { margin-top: 19rem; margin-bottom: 19rem; }
.xl\:my-20 { margin-top: 20rem; margin-bottom: 20rem; }
.xl\:my-21 { margin-top: 21rem; margin-bottom: 21rem; }
.xl\:my-22 { margin-top: 22rem; margin-bottom: 22rem; }
.xl\:my-23 { margin-top: 23rem; margin-bottom: 23rem; }
.xl\:my-24 { margin-top: 24rem; margin-bottom: 24rem; }
.xl\:my-25 { margin-top: 25rem; margin-bottom: 25rem; }
.xl\:my-26 { margin-top: 26rem; margin-bottom: 26rem; }
.xl\:my-27 { margin-top: 27rem; margin-bottom: 27rem; }
.xl\:my-28 { margin-top: 28rem; margin-bottom: 28rem; }
.xl\:my-29 { margin-top: 29rem; margin-bottom: 29rem; }
.xl\:my-30 { margin-top: 30rem; margin-bottom: 30rem; }
.xl\:my-auto { margin-top: auto; margin-bottom: auto; }

/* XL --- MARGIN TOP --- */
.xl\:mt-0 { margin-top: 0; }
.xl\:mt-1 { margin-top: 1rem; }
.xl\:mt-2 { margin-top: 2rem; }
.xl\:mt-3 { margin-top: 3rem; }
.xl\:mt-4 { margin-top: 4rem; }
.xl\:mt-5 { margin-top: 5rem; }
.xl\:mt-6 { margin-top: 6rem; }
.xl\:mt-7 { margin-top: 7rem; }
.xl\:mt-8 { margin-top: 8rem; }
.xl\:mt-9 { margin-top: 9rem; }
.xl\:mt-10 { margin-top: 10rem; }
.xl\:mt-11 { margin-top: 11rem; }
.xl\:mt-12 { margin-top: 12rem; }
.xl\:mt-13 { margin-top: 13rem; }
.xl\:mt-14 { margin-top: 14rem; }
.xl\:mt-15 { margin-top: 15rem; }
.xl\:mt-16 { margin-top: 16rem; }
.xl\:mt-17 { margin-top: 17rem; }
.xl\:mt-18 { margin-top: 18rem; }
.xl\:mt-19 { margin-top: 19rem; }
.xl\:mt-20 { margin-top: 20rem; }
.xl\:mt-21 { margin-top: 21rem; }
.xl\:mt-22 { margin-top: 22rem; }
.xl\:mt-23 { margin-top: 23rem; }
.xl\:mt-24 { margin-top: 24rem; }
.xl\:mt-25 { margin-top: 25rem; }
.xl\:mt-26 { margin-top: 26rem; }
.xl\:mt-27 { margin-top: 27rem; }
.xl\:mt-28 { margin-top: 28rem; }
.xl\:mt-29 { margin-top: 29rem; }
.xl\:mt-30 { margin-top: 30rem; }
.xl\:mt-auto { margin-top: auto; }

/* XL --- MARGIN RIGHT --- */
.xl\:mr-0 { margin-right: 0; }
.xl\:mr-1 { margin-right: 1rem; }
.xl\:mr-2 { margin-right: 2rem; }
.xl\:mr-3 { margin-right: 3rem; }
.xl\:mr-4 { margin-right: 4rem; }
.xl\:mr-5 { margin-right: 5rem; }
.xl\:mr-6 { margin-right: 6rem; }
.xl\:mr-7 { margin-right: 7rem; }
.xl\:mr-8 { margin-right: 8rem; }
.xl\:mr-9 { margin-right: 9rem; }
.xl\:mr-10 { margin-right: 10rem; }
.xl\:mr-11 { margin-right: 11rem; }
.xl\:mr-12 { margin-right: 12rem; }
.xl\:mr-13 { margin-right: 13rem; }
.xl\:mr-14 { margin-right: 14rem; }
.xl\:mr-15 { margin-right: 15rem; }
.xl\:mr-16 { margin-right: 16rem; }
.xl\:mr-17 { margin-right: 17rem; }
.xl\:mr-18 { margin-right: 18rem; }
.xl\:mr-19 { margin-right: 19rem; }
.xl\:mr-20 { margin-right: 20rem; }
.xl\:mr-21 { margin-right: 21rem; }
.xl\:mr-22 { margin-right: 22rem; }
.xl\:mr-23 { margin-right: 23rem; }
.xl\:mr-24 { margin-right: 24rem; }
.xl\:mr-25 { margin-right: 25rem; }
.xl\:mr-26 { margin-right: 26rem; }
.xl\:mr-27 { margin-right: 27rem; }
.xl\:mr-28 { margin-right: 28rem; }
.xl\:mr-29 { margin-right: 29rem; }
.xl\:mr-30 { margin-right: 30rem; }
.xl\:mr-auto { margin-right: auto; }

/* XL --- MARGIN BOTTOM --- */
.xl\:mb-0 { margin-bottom: 0; }
.xl\:mb-1 { margin-bottom: 1rem; }
.xl\:mb-2 { margin-bottom: 2rem; }
.xl\:mb-3 { margin-bottom: 3rem; }
.xl\:mb-4 { margin-bottom: 4rem; }
.xl\:mb-5 { margin-bottom: 5rem; }
.xl\:mb-6 { margin-bottom: 6rem; }
.xl\:mb-7 { margin-bottom: 7rem; }
.xl\:mb-8 { margin-bottom: 8rem; }
.xl\:mb-9 { margin-bottom: 9rem; }
.xl\:mb-10 { margin-bottom: 10rem; }
.xl\:mb-11 { margin-bottom: 11rem; }
.xl\:mb-12 { margin-bottom: 12rem; }
.xl\:mb-13 { margin-bottom: 13rem; }
.xl\:mb-14 { margin-bottom: 14rem; }
.xl\:mb-15 { margin-bottom: 15rem; }
.xl\:mb-16 { margin-bottom: 16rem; }
.xl\:mb-17 { margin-bottom: 17rem; }
.xl\:mb-18 { margin-bottom: 18rem; }
.xl\:mb-19 { margin-bottom: 19rem; }
.xl\:mb-20 { margin-bottom: 20rem; }
.xl\:mb-21 { margin-bottom: 21rem; }
.xl\:mb-22 { margin-bottom: 22rem; }
.xl\:mb-23 { margin-bottom: 23rem; }
.xl\:mb-24 { margin-bottom: 24rem; }
.xl\:mb-25 { margin-bottom: 25rem; }
.xl\:mb-26 { margin-bottom: 26rem; }
.xl\:mb-27 { margin-bottom: 27rem; }
.xl\:mb-28 { margin-bottom: 28rem; }
.xl\:mb-29 { margin-bottom: 29rem; }
.xl\:mb-30 { margin-bottom: 30rem; }
.xl\:mb-auto { margin-bottom: auto; }

/* XL --- MARGIN LEFT --- */
.xl\:ml-0 { margin-left: 0; }
.xl\:ml-1 { margin-left: 1rem; }
.xl\:ml-2 { margin-left: 2rem; }
.xl\:ml-3 { margin-left: 3rem; }
.xl\:ml-4 { margin-left: 4rem; }
.xl\:ml-5 { margin-left: 5rem; }
.xl\:ml-6 { margin-left: 6rem; }
.xl\:ml-7 { margin-left: 7rem; }
.xl\:ml-8 { margin-left: 8rem; }
.xl\:ml-9 { margin-left: 9rem; }
.xl\:ml-10 { margin-left: 10rem; }
.xl\:ml-11 { margin-left: 11rem; }
.xl\:ml-12 { margin-left: 12rem; }
.xl\:ml-13 { margin-left: 13rem; }
.xl\:ml-14 { margin-left: 14rem; }
.xl\:ml-15 { margin-left: 15rem; }
.xl\:ml-16 { margin-left: 16rem; }
.xl\:ml-17 { margin-left: 17rem; }
.xl\:ml-18 { margin-left: 18rem; }
.xl\:ml-19 { margin-left: 19rem; }
.xl\:ml-20 { margin-left: 20rem; }
.xl\:ml-21 { margin-left: 21rem; }
.xl\:ml-22 { margin-left: 22rem; }
.xl\:ml-23 { margin-left: 23rem; }
.xl\:ml-24 { margin-left: 24rem; }
.xl\:ml-25 { margin-left: 25rem; }
.xl\:ml-26 { margin-left: 26rem; }
.xl\:ml-27 { margin-left: 27rem; }
.xl\:ml-28 { margin-left: 28rem; }
.xl\:ml-29 { margin-left: 29rem; }
.xl\:ml-30 { margin-left: 30rem; }
.xl\:ml-auto { margin-left: auto; }

/* XL --- PADDING ALL --- */
.xl\:p-0 { padding: 0; }
.xl\:p-1 { padding: 1rem; }
.xl\:p-2 { padding: 2rem; }
.xl\:p-3 { padding: 3rem; }
.xl\:p-4 { padding: 4rem; }
.xl\:p-5 { padding: 5rem; }
.xl\:p-6 { padding: 6rem; }
.xl\:p-7 { padding: 7rem; }
.xl\:p-8 { padding: 8rem; }
.xl\:p-9 { padding: 9rem; }
.xl\:p-10 { padding: 10rem; }
.xl\:p-11 { padding: 11rem; }
.xl\:p-12 { padding: 12rem; }
.xl\:p-13 { padding: 13rem; }
.xl\:p-14 { padding: 14rem; }
.xl\:p-15 { padding: 15rem; }
.xl\:p-16 { padding: 16rem; }
.xl\:p-17 { padding: 17rem; }
.xl\:p-18 { padding: 18rem; }
.xl\:p-19 { padding: 19rem; }
.xl\:p-20 { padding: 20rem; }
.xl\:p-21 { padding: 21rem; }
.xl\:p-22 { padding: 22rem; }
.xl\:p-23 { padding: 23rem; }
.xl\:p-24 { padding: 24rem; }
.xl\:p-25 { padding: 25rem; }
.xl\:p-26 { padding: 26rem; }
.xl\:p-27 { padding: 27rem; }
.xl\:p-28 { padding: 28rem; }
.xl\:p-29 { padding: 29rem; }
.xl\:p-30 { padding: 30rem; }

/* XL --- PADDING TOP --- */
.xl\:pt-0 { padding-top: 0; }
.xl\:pt-1 { padding-top: 1rem; }
.xl\:pt-2 { padding-top: 2rem; }
.xl\:pt-3 { padding-top: 3rem; }
.xl\:pt-4 { padding-top: 4rem; }
.xl\:pt-5 { padding-top: 5rem; }
.xl\:pt-6 { padding-top: 6rem; }
.xl\:pt-7 { padding-top: 7rem; }
.xl\:pt-8 { padding-top: 8rem; }
.xl\:pt-9 { padding-top: 9rem; }
.xl\:pt-10 { padding-top: 10rem; }
.xl\:pt-11 { padding-top: 11rem; }
.xl\:pt-12 { padding-top: 12rem; }
.xl\:pt-13 { padding-top: 13rem; }
.xl\:pt-14 { padding-top: 14rem; }
.xl\:pt-15 { padding-top: 15rem; }
.xl\:pt-16 { padding-top: 16rem; }
.xl\:pt-17 { padding-top: 17rem; }
.xl\:pt-18 { padding-top: 18rem; }
.xl\:pt-19 { padding-top: 19rem; }
.xl\:pt-20 { padding-top: 20rem; }
.xl\:pt-21 { padding-top: 21rem; }
.xl\:pt-22 { padding-top: 22rem; }
.xl\:pt-23 { padding-top: 23rem; }
.xl\:pt-24 { padding-top: 24rem; }
.xl\:pt-25 { padding-top: 25rem; }
.xl\:pt-26 { padding-top: 26rem; }
.xl\:pt-27 { padding-top: 27rem; }
.xl\:pt-28 { padding-top: 28rem; }
.xl\:pt-29 { padding-top: 29rem; }
.xl\:pt-30 { padding-top: 30rem; }

.xl\:pt-5p { padding-top:5%; }
.xl\:pt-10p { padding-top:10%; }
.xl\:pt-20p { padding-top:20%; }
.xl\:pt-30p { padding-top:30%; }
.xl\:pt-40p { padding-top:40%; }
.xl\:pt-50p { padding-top:50%; }
.xl\:pt-60p { padding-top:60%; }
.xl\:pt-70p { padding-top:70%; }
.xl\:pt-80p { padding-top:80%; }
.xl\:pt-90p { padding-top:90%; }
.xl\:pt-100p { padding-top:100%; }
.xl\:pt-120p { padding-top:120%; }
.xl\:pt-150p { padding-top:150%; }

/* XL --- PADDING BOTTOM --- */
.xl\:pb-0 { padding-bottom: 0; }
.xl\:pb-1 { padding-bottom: 1rem; }
.xl\:pb-2 { padding-bottom: 2rem; }
.xl\:pb-3 { padding-bottom: 3rem; }
.xl\:pb-4 { padding-bottom: 4rem; }
.xl\:pb-5 { padding-bottom: 5rem; }
.xl\:pb-6 { padding-bottom: 6rem; }
.xl\:pb-7 { padding-bottom: 7rem; }
.xl\:pb-8 { padding-bottom: 8rem; }
.xl\:pb-9 { padding-bottom: 9rem; }
.xl\:pb-10 { padding-bottom: 10rem; }
.xl\:pb-11 { padding-bottom: 11rem; }
.xl\:pb-12 { padding-bottom: 12rem; }
.xl\:pb-13 { padding-bottom: 13rem; }
.xl\:pb-14 { padding-bottom: 14rem; }
.xl\:pb-15 { padding-bottom: 15rem; }
.xl\:pb-16 { padding-bottom: 16rem; }
.xl\:pb-17 { padding-bottom: 17rem; }
.xl\:pb-18 { padding-bottom: 18rem; }
.xl\:pb-19 { padding-bottom: 19rem; }
.xl\:pb-20 { padding-bottom: 20rem; }
.xl\:pb-21 { padding-bottom: 21rem; }
.xl\:pb-22 { padding-bottom: 22rem; }
.xl\:pb-23 { padding-bottom: 23rem; }
.xl\:pb-24 { padding-bottom: 24rem; }
.xl\:pb-25 { padding-bottom: 25rem; }
.xl\:pb-26 { padding-bottom: 26rem; }
.xl\:pb-27 { padding-bottom: 27rem; }
.xl\:pb-28 { padding-bottom: 28rem; }
.xl\:pb-29 { padding-bottom: 29rem; }
.xl\:pb-30 { padding-bottom: 30rem; }

.xl\:pb-5p { padding-bottom:5%; }
.xl\:pb-10p { padding-bottom:10%; }
.xl\:pb-20p { padding-bottom:20%; }
.xl\:pb-30p { padding-bottom:30%; }
.xl\:pb-40p { padding-bottom:40%; }
.xl\:pb-50p { padding-bottom:50%; }
.xl\:pb-60p { padding-bottom:60%; }
.xl\:pb-70p { padding-bottom:70%; }
.xl\:pb-80p { padding-bottom:80%; }
.xl\:pb-90p { padding-bottom:90%; }
.xl\:pb-100p { padding-bottom:100%; }
.xl\:pb-120p { padding-bottom:120%; }
.xl\:pb-150p { padding-bottom:150%; }

/* XL --- PADDING LEFT --- */
.xl\:pl-0 { padding-left: 0; }
.xl\:pl-1 { padding-left: 1rem; }
.xl\:pl-2 { padding-left: 2rem; }
.xl\:pl-3 { padding-left: 3rem; }
.xl\:pl-4 { padding-left: 4rem; }
.xl\:pl-5 { padding-left: 5rem; }
.xl\:pl-6 { padding-left: 6rem; }
.xl\:pl-7 { padding-left: 7rem; }
.xl\:pl-8 { padding-left: 8rem; }
.xl\:pl-9 { padding-left: 9rem; }
.xl\:pl-10 { padding-left: 10rem; }
.xl\:pl-11 { padding-left: 11rem; }
.xl\:pl-12 { padding-left: 12rem; }
.xl\:pl-13 { padding-left: 13rem; }
.xl\:pl-14 { padding-left: 14rem; }
.xl\:pl-15 { padding-left: 15rem; }
.xl\:pl-16 { padding-left: 16rem; }
.xl\:pl-17 { padding-left: 17rem; }
.xl\:pl-18 { padding-left: 18rem; }
.xl\:pl-19 { padding-left: 19rem; }
.xl\:pl-20 { padding-left: 20rem; }
.xl\:pl-21 { padding-left: 21rem; }
.xl\:pl-22 { padding-left: 22rem; }
.xl\:pl-23 { padding-left: 23rem; }
.xl\:pl-24 { padding-left: 24rem; }
.xl\:pl-25 { padding-left: 25rem; }
.xl\:pl-26 { padding-left: 26rem; }
.xl\:pl-27 { padding-left: 27rem; }
.xl\:pl-28 { padding-left: 28rem; }
.xl\:pl-29 { padding-left: 29rem; }
.xl\:pl-30 { padding-left: 30rem; }

.xl\:pl-5p { padding-left:5%; }
.xl\:pl-10p { padding-left:10%; }
.xl\:pl-20p { padding-left:20%; }
.xl\:pl-30p { padding-left:30%; }
.xl\:pl-40p { padding-left:40%; }
.xl\:pl-50p { padding-left:50%; }
.xl\:pl-60p { padding-left:60%; }
.xl\:pl-70p { padding-left:70%; }
.xl\:pl-80p { padding-left:80%; }
.xl\:pl-90p { padding-left:90%; }
.xl\:pl-100p { padding-left:100%; }
.xl\:pl-120p { padding-left:120%; }
.xl\:pl-150p { padding-left:150%; }

/* XL --- PADDING RIGHT --- */
.xl\:pr-0 { padding-right: 0; }
.xl\:pr-1 { padding-right: 1rem; }
.xl\:pr-2 { padding-right: 2rem; }
.xl\:pr-3 { padding-right: 3rem; }
.xl\:pr-4 { padding-right: 4rem; }
.xl\:pr-5 { padding-right: 5rem; }
.xl\:pr-6 { padding-right: 6rem; }
.xl\:pr-7 { padding-right: 7rem; }
.xl\:pr-8 { padding-right: 8rem; }
.xl\:pr-9 { padding-right: 9rem; }
.xl\:pr-10 { padding-right: 10rem; }
.xl\:pr-11 { padding-right: 11rem; }
.xl\:pr-12 { padding-right: 12rem; }
.xl\:pr-13 { padding-right: 13rem; }
.xl\:pr-14 { padding-right: 14rem; }
.xl\:pr-15 { padding-right: 15rem; }
.xl\:pr-16 { padding-right: 16rem; }
.xl\:pr-17 { padding-right: 17rem; }
.xl\:pr-18 { padding-right: 18rem; }
.xl\:pr-19 { padding-right: 19rem; }
.xl\:pr-20 { padding-right: 20rem; }
.xl\:pr-21 { padding-right: 21rem; }
.xl\:pr-22 { padding-right: 22rem; }
.xl\:pr-23 { padding-right: 23rem; }
.xl\:pr-24 { padding-right: 24rem; }
.xl\:pr-25 { padding-right: 25rem; }
.xl\:pr-26 { padding-right: 26rem; }
.xl\:pr-27 { padding-right: 27rem; }
.xl\:pr-28 { padding-right: 28rem; }
.xl\:pr-29 { padding-right: 29rem; }
.xl\:pr-30 { padding-right: 30rem; }

.xl\:pr-5p { padding-right:5%; }
.xl\:pr-10p { padding-right:10%; }
.xl\:pr-20p { padding-right:20%; }
.xl\:pr-30p { padding-right:30%; }
.xl\:pr-40p { padding-right:40%; }
.xl\:pr-50p { padding-right:50%; }
.xl\:pr-60p { padding-right:60%; }
.xl\:pr-70p { padding-right:70%; }
.xl\:pr-80p { padding-right:80%; }
.xl\:pr-90p { padding-right:90%; }
.xl\:pr-100p { padding-right:100%; }
.xl\:pr-120p { padding-right:120%; }
.xl\:pr-150p { padding-right:150%; }

/* XL --- PADDING X and Y --- */
.xl\:px-0 { padding-left: 0; padding-right: 0; }
.xl\:px-1 { padding-left: 1rem; padding-right: 1rem; }
.xl\:px-2 { padding-left: 2rem; padding-right: 2rem; }
.xl\:px-3 { padding-left: 3rem; padding-right: 3rem; }
.xl\:px-4 { padding-left: 4rem; padding-right: 4rem; }
.xl\:px-5 { padding-left: 5rem; padding-right: 5rem; }
.xl\:px-6 { padding-left: 6rem; padding-right: 6rem; }
.xl\:px-7 { padding-left: 7rem; padding-right: 7rem; }
.xl\:px-8 { padding-left: 8rem; padding-right: 8rem; }
.xl\:px-9 { padding-left: 9rem; padding-right: 9rem; }
.xl\:px-10 { padding-left: 10rem; padding-right: 10rem; }
.xl\:px-11 { padding-left: 11rem; padding-right: 11rem; }
.xl\:px-12 { padding-left: 12rem; padding-right: 12rem; }
.xl\:px-13 { padding-left: 13rem; padding-right: 13rem; }
.xl\:px-14 { padding-left: 14rem; padding-right: 14rem; }
.xl\:px-15 { padding-left: 15rem; padding-right: 15rem; }
.xl\:px-16 { padding-left: 16rem; padding-right: 16rem; }
.xl\:px-17 { padding-left: 17rem; padding-right: 17rem; }
.xl\:px-18 { padding-left: 18rem; padding-right: 18rem; }
.xl\:px-19 { padding-left: 19rem; padding-right: 19rem; }
.xl\:px-20 { padding-left: 20rem; padding-right: 20rem; }
.xl\:px-21 { padding-left: 21rem; padding-right: 21rem; }
.xl\:px-22 { padding-left: 22rem; padding-right: 22rem; }
.xl\:px-23 { padding-left: 23rem; padding-right: 23rem; }
.xl\:px-24 { padding-left: 24rem; padding-right: 24rem; }
.xl\:px-25 { padding-left: 25rem; padding-right: 25rem; }
.xl\:px-26 { padding-left: 26rem; padding-right: 26rem; }
.xl\:px-27 { padding-left: 27rem; padding-right: 27rem; }
.xl\:px-28 { padding-left: 28rem; padding-right: 28rem; }
.xl\:px-29 { padding-left: 29rem; padding-right: 29rem; }
.xl\:px-30 { padding-left: 30rem; padding-right: 30rem; }


.xl\:px-vw-5 { padding-left: 5vw; padding-right: 5vw; }
.xl\:px-vw-10 { padding-left: 10vw; padding-right: 10vw; }
.xl\:px-vw-20 { padding-left: 20vw; padding-right: 20vw; }
.xl\:px-vw-30 { padding-left: 30vw; padding-right: 30vw; }

.xl\:py-0 { padding-top: 0rem; padding-bottom: 0rem; }
.xl\:py-1 { padding-top: 1rem; padding-bottom: 1rem; }
.xl\:py-2 { padding-top: 2rem; padding-bottom: 2rem; }
.xl\:py-3 { padding-top: 3rem; padding-bottom: 3rem; }
.xl\:py-4 { padding-top: 4rem; padding-bottom: 4rem; }
.xl\:py-5 { padding-top: 5rem; padding-bottom: 5rem; }
.xl\:py-6 { padding-top: 6rem; padding-bottom: 6rem; }
.xl\:py-7 { padding-top: 7rem; padding-bottom: 7rem; }
.xl\:py-8 { padding-top: 8rem; padding-bottom: 8rem; }
.xl\:py-9 { padding-top: 9rem; padding-bottom: 9rem; }
.xl\:py-10 { padding-top: 10rem; padding-bottom: 10rem; }
.xl\:py-11 { padding-top: 11rem; padding-bottom: 11rem; }
.xl\:py-12 { padding-top: 12rem; padding-bottom: 12rem; }
.xl\:py-13 { padding-top: 13rem; padding-bottom: 13rem; }
.xl\:py-14 { padding-top: 14rem; padding-bottom: 14rem; }
.xl\:py-15 { padding-top: 15rem; padding-bottom: 15rem; }
.xl\:py-16 { padding-top: 16rem; padding-bottom: 16rem; }
.xl\:py-17 { padding-top: 17rem; padding-bottom: 17rem; }
.xl\:py-18 { padding-top: 18rem; padding-bottom: 18rem; }
.xl\:py-19 { padding-top: 19rem; padding-bottom: 19rem; }
.xl\:py-20 { padding-top: 20rem; padding-bottom: 20rem; }
.xl\:py-21 { padding-top: 21rem; padding-bottom: 21rem; }
.xl\:py-22 { padding-top: 22rem; padding-bottom: 22rem; }
.xl\:py-23 { padding-top: 23rem; padding-bottom: 23rem; }
.xl\:py-24 { padding-top: 24rem; padding-bottom: 24rem; }
.xl\:py-25 { padding-top: 25rem; padding-bottom: 25rem; }
.xl\:py-26 { padding-top: 26rem; padding-bottom: 26rem; }
.xl\:py-27 { padding-top: 27rem; padding-bottom: 27rem; }
.xl\:py-28 { padding-top: 28rem; padding-bottom: 28rem; }
.xl\:py-29 { padding-top: 29rem; padding-bottom: 29rem; }
.xl\:py-30 { padding-top: 30rem; padding-bottom: 30rem; }

/* XL POSITION */
.xl\:static{position:static;}
.xl\:relative{position:relative;}
.xl\:absolute{position:absolute;}
.xl\:fixed{position:fixed;}
.xl\:sticky{position:sticky;}

.xl\:t-0{top:0;}
.xl\:r-0{right:0;}
.xl\:b-0{bottom:0;}
.xl\:l-0{left:0;}

.xl\:t-10{top:10%;}
.xl\:t-20{top:20%;}
.xl\:t-25{top:25%;}
.xl\:t-30{top:30%;}
.xl\:t-33{top:33.333%;}
.xl\:t-40{top:40%;}
.xl\:t-50{top:50%;}
.xl\:t-60{top:60%;}
.xl\:t-66{top:66.666%;}
.xl\:t-70{top:70%;}
.xl\:t-75{top:75%;}
.xl\:t-80{top:80%;}
.xl\:t-90{top:90%;}
.xl\:t-100{top:100%;}

.xl\:r-10{right:10%;}
.xl\:r-20{right:20%;}
.xl\:r-25{right:25%;}
.xl\:r-30{right:30%;}
.xl\:r-33{right:33.333%;}
.xl\:r-40{right:40%;}
.xl\:r-50{right:50%;}
.xl\:r-60{right:60%;}
.xl\:r-66{right:66.666%;}
.xl\:r-70{right:70%;}
.xl\:r-75{right:75%;}
.xl\:r-80{right:80%;}
.xl\:r-90{right:90%;}
.xl\:r-100{right:100%;}

.xl\:b-10{bottom:10%;}
.xl\:b-20{bottom:20%;}
.xl\:b-25{bottom:25%;}
.xl\:b-30{bottom:30%;}
.xl\:b-33{bottom:33.333%;}
.xl\:b-40{bottom:40%;}
.xl\:b-50{bottom:50%;}
.xl\:b-60{bottom:60%;}
.xl\:b-66{bottom:66.666%;}
.xl\:b-70{bottom:70%;}
.xl\:b-75{bottom:75%;}
.xl\:b-80{bottom:80%;}
.xl\:b-90{bottom:90%;}
.xl\:b-100{bottom:100%;}

.xl\:l-10{left:10%;}
.xl\:l-20{left:20%;}
.xl\:l-25{left:25%;}
.xl\:l-30{left:30%;}
.xl\:l-33{left:33.333%;}
.xl\:l-40{left:40%;}
.xl\:l-50{left:50%;}
.xl\:l-60{left:60%;}
.xl\:l-66{left:66.666%;}
.xl\:l-70{left:70%;}
.xl\:l-75{left:75%;}
.xl\:l-80{left:80%;}
.xl\:l-90{left:90%;}
.xl\:l-100{left:100%;}

/* XL OVERFLOW / SCROLL / SNAP */
.xl\:overflow-auto{overflow:auto;}
.xl\:overflow-hidden{overflow:hidden;}
.xl\:overflow-visible{overflow:visible;}
.xl\:overflow-scroll{overflow:scroll;}
.xl\:overflow-x-auto{overflow-x:auto;}
.xl\:overflow-x-hidden{overflow-x:hidden;}
.xl\:overflow-x-visible{overflow-x:visible;}
.xl\:overflow-x-scroll{overflow-x:scroll;}
.xl\:overflow-y-auto{overflow-y:auto;}
.xl\:overflow-y-hidden{overflow-y:hidden;}
.xl\:overflow-y-visible{overflow-y:visible;}
.xl\:overflow-y-scroll{overflow-y:scroll;}

.xl\:scrollbar-hidden {
  /* Firefox */
  scrollbar-width: none;

  /* IE and Edge */
  -ms-overflow-style: none;
}

/* Chrome, Safari, Opera */
.xl\:scrollbar-hidden::-webkit-scrollbar {
  display: none;
}

.xl\:overscroll-auto{overscroll-behavior:auto;}
.xl\:overscroll-contain{overscroll-behavior:contain;}
.xl\:overscroll-none{overscroll-behavior:none;}
.xl\:overscroll-x-auto{overscroll-behavior-x:auto;}
.xl\:overscroll-x-contain{overscroll-behavior-x:contain;}
.xl\:overscroll-x-none{overscroll-behavior-x:none;}
.xl\:overscroll-y-auto{overscroll-behavior-y:auto;}
.xl\:overscroll-y-contain{overscroll-behavior-y:contain;}
.xl\:overscroll-y-none{overscroll-behavior-y:none;}

.xl\:scroll-auto{scroll-behavior:auto;}
.xl\:scroll-smooth{scroll-behavior:smooth;}

.xl\:snap-none{scroll-snap-type:none;}
.xl\:snap-x{scroll-snap-type:x mandatory;}
.xl\:snap-y{scroll-snap-type:y mandatory;}
.xl\:snap-mandatory{scroll-snap-type:both mandatory;}
.xl\:snap-proximity{scroll-snap-type:both proximity;}

.xl\:snap-start{scroll-snap-align:start;}
.xl\:snap-center{scroll-snap-align:center;}
.xl\:snap-end{scroll-snap-align:end;}
.xl\:snap-align-none{scroll-snap-align:none;}

.xl\:snap-normal{scroll-snap-stop:normal;}
.xl\:snap-always{scroll-snap-stop:always;}

.xl\:overflow-scroll-touch {-webkit-overflow-scrolling:touch;}

/* XL Z INDEX */
.xl\:z-0{z-index:0;}
.xl\:z-1{z-index:1;}
.xl\:z-2{z-index:2;}
.xl\:z-3{z-index:3;}
.xl\:z-4{z-index:4;}
.xl\:z-5{z-index:5;}
.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-auto{z-index:auto;}

/* XL TRANSFORM */

.xl\:transform { transform: translate(0, 0) scale(1) rotate(0deg) skew(0deg, 0deg); }
.xl\:transform-none { transform: none; }

.xl\:translate-x-1 { transform: translateX(0.25rem); }
.xl\:translate-x-2 { transform: translateX(1rem); }
.xl\:translate-x-3 { transform: translateX(2rem); }
.xl\:translate-x-4 { transform: translateX(3rem); }
.xl\:-translate-x-1 { transform: translateX(-0.25rem); }
.xl\:-translate-x-2 { transform: translateX(-1rem); }
.xl\:-translate-x-3 { transform: translateX(-2rem); }
.xl\:-translate-x-4 { transform: translateX(-3rem); }
.xl\:translate-y-1 { transform: translateY(0.25rem); }
.xl\:translate-y-2 { transform: translateY(1rem); }
.xl\:translate-y-3 { transform: translateY(2rem); }
.xl\:translate-y-4 { transform: translateY(3rem); }
.xl\:-translate-y-1 { transform: translateY(-0.25rem); }
.xl\:-translate-y-2 { transform: translateY(-1rem); }
.xl\:-translate-y-3 { transform: translateY(-2rem); }
.xl\:-translate-y-4 { transform: translateY(-3rem); }
.xl\:translate-x-50 { transform: translateX(50%); }
.xl\:-translate-x-50 { transform: translateX(-50%); }
.xl\:translate-y-50 { transform: translateY(50%); }
.xl\:-translate-y-50 { transform: translateY(-50%); }

.xl\:scale-90 { transform: scale(0.9); }
.xl\:scale-95 { transform: scale(0.95); }
.xl\:scale-100 { transform: scale(1); }
.xl\:scale-105 { transform: scale(1.05); }
.xl\:scale-110 { transform: scale(1.1); }
.xl\:rotate-45 { transform: rotate(45deg); }
.xl\:-rotate-45 { transform: rotate(-45deg); }
.xl\:rotate-90 { transform: rotate(90deg); }
.xl\:-rotate-90 { transform: rotate(-90deg); }
.xl\:rotate-180 { transform: rotate(180deg); }
.xl\:skew-x-6 { transform: skewX(6deg); }
.xl\:-skew-x-6 { transform: skewX(-6deg); }
.xl\:skew-y-6 { transform: skewY(6deg); }
.xl\:-skew-y-6 { transform: skewY(-6deg); }
.xl\:origin-center { transform-origin: center center; }
.xl\:origin-top { transform-origin: top center; }
.xl\:origin-top-left { transform-origin: top left; }
.xl\:origin-top-right { transform-origin: top right; }
.xl\:origin-bottom { transform-origin: bottom center; }
.xl\:origin-bottom-left { transform-origin: bottom left; }
.xl\:origin-bottom-right { transform-origin: bottom right; }

/* XL object-fit */
.xl\:object-contain    { object-fit: contain; }
.xl\:object-cover      { object-fit: cover; }
.xl\:object-fill       { object-fit: fill; }
.xl\:object-none       { object-fit: none; }
.xl\:object-scale-down { object-fit: scale-down; }

/* XL object-position */
.xl\:object-center        { object-position: center; }
.xl\:object-top           { object-position: top; }
.xl\:object-bottom        { object-position: bottom; }
.xl\:object-left          { object-position: left; }
.xl\:object-right         { object-position: right; }
.xl\:object-left-top      { object-position: left top; }
.xl\:object-left-bottom   { object-position: left bottom; }
.xl\:object-right-top     { object-position: right top; }
.xl\:object-right-bottom  { object-position: right bottom; }
}