/* Responsive Medium Breakpoint */

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

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

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

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

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

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

/* MD BOX SHADOW */
.md\:shadow-none { box-shadow: none; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* MD letter-spacing */
.md\:tracking-none   { letter-spacing: 0 }
.md\:tracking-light  { letter-spacing: 0.02em }
.md\:tracking-wide   { letter-spacing: 0.08em }
.md\:tracking-wider  { letter-spacing: 0.15em }
.md\:tracking-widest { letter-spacing: 0.3em }

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

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

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

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

/* MD text align */
.md\:text-left { text-align: left }
.md\:text-center { text-align: center }
.md\:text-right { text-align: right }
.md\:text-justify { text-align: justify }

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

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

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

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

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

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

/* MD WIDTH PX */
.md\:w-0px { width: 0px }
.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-100px { width: 100px }
.md\:w-125px { width: 125px }
.md\:w-150px { width: 150px }
.md\:w-175px { width: 175px }
.md\:w-200px { width: 200px }
.md\:w-300px { width: 300px }
.md\:w-400px { width: 400px }
.md\:w-500px { width: 500px }
.md\:w-600px { width: 600px }
.md\:w-800px { width: 800px }
.md\:w-1000px { width: 1000px }
.md\:w-1200px { width: 1200px }
.md\:w-1400px { width: 1400px }

/* MD MAX-WIDTH PX */
.md\:max-w-0px { max-width: 0px }
.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-100px { max-width: 100px }
.md\:max-w-125px { max-width: 125px }
.md\:max-w-150px { max-width: 150px }
.md\:max-w-175px { max-width: 175px }
.md\:max-w-200px { max-width: 200px }
.md\:max-w-300px { max-width: 300px }
.md\:max-w-400px { max-width: 400px }
.md\:max-w-500px { max-width: 500px }
.md\:max-w-600px { max-width: 600px }
.md\:max-w-800px { max-width: 800px }
.md\:max-w-1000px { max-width: 1000px }
.md\:max-w-1200px { max-width: 1200px }
.md\:max-w-1400px { max-width: 1400px }

/* MD MIN-WIDTH PX */
.md\:min-w-0px { min-width: 0px }
.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-100px { min-width: 100px }
.md\:min-w-125px { min-width: 125px }
.md\:min-w-150px { min-width: 150px }
.md\:min-w-175px { min-width: 175px }
.md\:min-w-200px { min-width: 200px }
.md\:min-w-300px { min-width: 300px }
.md\:min-w-400px { min-width: 400px }
.md\:min-w-500px { min-width: 500px }
.md\:min-w-600px { min-width: 600px }
.md\:min-w-800px { min-width: 800px }
.md\:min-w-1000px { min-width: 1000px }
.md\:min-w-1200px { min-width: 1200px }
.md\:min-w-1400px { min-width: 1400px }

/* MD UNSET WIDTHS */
.md\:w-unset { width: unset; }
.md\:min-w-unset { min-width: unset; }
.md\:max-w-unset { max-width: unset; }

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

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

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

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

/* MD HEIGHT VW */
.md\:h-vw-5 { height: 5vw }
.md\:h-vw-10 { height: 10vw }
.md\:h-vw-15 { height: 15vw }
.md\:h-vw-20 { height: 20vw }
.md\:h-vw-25 { height: 25vw }
.md\:h-vw-30 { height: 30vw }
.md\:h-vw-33 { height: 33.333vw }
.md\:h-vw-40 { height: 40vw }
.md\:h-vw-50 { height: 50vw }
.md\:h-vw-60 { height: 60vw }
.md\:h-vw-66 { height: 66.666vw }
.md\:h-vw-70 { height: 70vw }
.md\:h-vw-75 { height: 75vw }
.md\:h-vw-80 { height: 80vw }
.md\:h-vw-90 { height: 90vw }
.md\:h-vw-100 { height: 100vw }

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

/* MD MIN-HEIGHT VW */
.md\:min-h-vw-5 { min-height: 5vw }
.md\:min-h-vw-10 { min-height: 10vw }
.md\:min-h-vw-15 { min-height: 15vw }
.md\:min-h-vw-20 { min-height: 20vw }
.md\:min-h-vw-25 { min-height: 25vw }
.md\:min-h-vw-30 { min-height: 30vw }
.md\:min-h-vw-33 { min-height: 33.333vw }
.md\:min-h-vw-40 { min-height: 40vw }
.md\:min-h-vw-50 { min-height: 50vw }
.md\:min-h-vw-60 { min-height: 60vw }
.md\:min-h-vw-66 { min-height: 66.666vw }
.md\:min-h-vw-70 { min-height: 70vw }
.md\:min-h-vw-75 { min-height: 75vw }
.md\:min-h-vw-80 { min-height: 80vw }
.md\:min-h-vw-90 { min-height: 90vw }
.md\:min-h-vw-100 { min-height: 100vw }

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

/* MD MAX-HEIGHT VW */
.md\:max-h-vw-5 { max-height: 5vw }
.md\:max-h-vw-10 { max-height: 10vw }
.md\:max-h-vw-15 { max-height: 15vw }
.md\:max-h-vw-20 { max-height: 20vw }
.md\:max-h-vw-25 { max-height: 25vw }
.md\:max-h-vw-30 { max-height: 30vw }
.md\:max-h-vw-33 { max-height: 33.333vw }
.md\:max-h-vw-40 { max-height: 40vw }
.md\:max-h-vw-50 { max-height: 50vw }
.md\:max-h-vw-60 { max-height: 60vw }
.md\:max-h-vw-66 { max-height: 66.666vw }
.md\:max-h-vw-70 { max-height: 70vw }
.md\:max-h-vw-75 { max-height: 75vw }
.md\:max-h-vw-80 { max-height: 80vw }
.md\:max-h-vw-90 { max-height: 90vw }
.md\:max-h-vw-100 { max-height: 100vw }

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

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

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

/* MD GRID DISPLAY */
.md\:grid { display: grid; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* MD POSITION */
.md\:static{position:static;}
.md\:relative{position:relative;}
.md\:absolute{position:absolute;}
.md\:fixed{position:fixed;}
.md\:sticky{position:sticky;}

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

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

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

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

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

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

.md\:scrollbar-hidden {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.md\:scrollbar-hidden::-webkit-scrollbar {
  display: none;
}

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

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

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

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

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

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

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

/* MD TRANSFORM */
.md\:transform { transform: translate(0, 0) scale(1) rotate(0deg) skew(0deg, 0deg); }
.md\:transform-none { transform: none; }

.md\:translate-x-1 { transform: translateX(0.25rem); }
.md\:translate-x-2 { transform: translateX(1rem); }
.md\:translate-x-3 { transform: translateX(2rem); }
.md\:translate-x-4 { transform: translateX(3rem); }
.md\:-translate-x-1 { transform: translateX(-0.25rem); }
.md\:-translate-x-2 { transform: translateX(-1rem); }
.md\:-translate-x-3 { transform: translateX(-2rem); }
.md\:-translate-x-4 { transform: translateX(-3rem); }

.md\:translate-y-1 { transform: translateY(0.25rem); }
.md\:translate-y-2 { transform: translateY(1rem); }
.md\:translate-y-3 { transform: translateY(2rem); }
.md\:translate-y-4 { transform: translateY(3rem); }
.md\:-translate-y-1 { transform: translateY(-0.25rem); }
.md\:-translate-y-2 { transform: translateY(-1rem); }
.md\:-translate-y-3 { transform: translateY(-2rem); }
.md\:-translate-y-4 { transform: translateY(-3rem); }

.md\:translate-x-50 { transform: translateX(50%); }
.md\:-translate-x-50 { transform: translateX(-50%); }
.md\:translate-y-50 { transform: translateY(50%); }
.md\:-translate-y-50 { transform: translateY(-50%); }

.md\:scale-90 { transform: scale(0.9); }
.md\:scale-95 { transform: scale(0.95); }
.md\:scale-100 { transform: scale(1); }
.md\:scale-105 { transform: scale(1.05); }
.md\:scale-110 { transform: scale(1.1); }

.md\:rotate-45 { transform: rotate(45deg); }
.md\:-rotate-45 { transform: rotate(-45deg); }
.md\:rotate-90 { transform: rotate(90deg); }
.md\:-rotate-90 { transform: rotate(-90deg); }
.md\:rotate-180 { transform: rotate(180deg); }

.md\:skew-x-6 { transform: skewX(6deg); }
.md\:-skew-x-6 { transform: skewX(-6deg); }
.md\:skew-y-6 { transform: skewY(6deg); }
.md\:-skew-y-6 { transform: skewY(-6deg); }

.md\:origin-center { transform-origin: center center; }
.md\:origin-top { transform-origin: top center; }
.md\:origin-top-left { transform-origin: top left; }
.md\:origin-top-right { transform-origin: top right; }
.md\:origin-bottom { transform-origin: bottom center; }
.md\:origin-bottom-left { transform-origin: bottom left; }
.md\:origin-bottom-right { transform-origin: bottom right; }

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

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