/* === Базовые стили === *//* Document https://csstools.github.io/sanitize.css/
 * ========================================================================== */

/**
 * Add border box sizing in all browsers (opinionated).
 */

*,
::before,
::after {
  box-sizing: border-box;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */

::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */

html {
  cursor: default; /* 1 */
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent /* 4 */;
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */

/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */

dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */

ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */

hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */

main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */

nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */

/*
 * Change the alignment on media elements in all browsers (opinionated).
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */

iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */

/**
 * Collapse border spacing in all browsers (opinionated).
 */

table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */

/**
 * Remove the margin on controls in Safari.
 */

button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */

button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */

fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */

input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */

legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */

progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */

select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */

textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */

:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */

/*
 * Add the correct display in Edge 18- and IE.
 */

details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
  display: none;
}

/* User interaction
 * ========================================================================== */

/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
      in all browsers (opinionated).
 */

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] { /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */

/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */

[aria-busy="true"] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */

[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */

[aria-disabled="true"],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */

[aria-hidden="false"][hidden] {
  display: initial;
}

[aria-hidden="false"][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

/*https://html5doctor.com/html-5-reset-stylesheet/*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}@font-face {
   font-family: 'Manrope';
   src: url('../fonts/Manrope-ExtraLight.woff2') format('woff2');
   font-weight: 200;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Manrope';
   src: url('../fonts/Manrope-Light.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Manrope';
   src: url('../fonts/Manrope-Regular.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Manrope';
   src: url('../fonts/Manrope-Medium.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Manrope';
   src: url('../fonts/Manrope-SemiBold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Manrope';
   src: url('../fonts/Manrope-Bold.woff2') format('woff2');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Manrope';
   src: url('../fonts/Manrope-ExtraBold.woff2') format('woff2');
   font-weight: 800;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Caveat';
   src: url('../fonts/Caveat-Bold.woff2') format('woff2');
   font-weight: bold;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Caveat';
   src: url('../fonts/Caveat-SemiBold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Caveat';
   src: url('../fonts/Caveat-Medium.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
   font-family: 'Caveat';
   src: url('../fonts/Caveat-Regular.woff2') format('woff2');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }

 @font-face {
     font-family: 'Cormorant Garamond';
     src: url('../fonts/CormorantGaramond-Bold.woff2') format('woff2');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Cormorant Garamond';
     src: url('../fonts/CormorantGaramond-SemiBold.woff2') format('woff2');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Playfair Display';
     src: url('../fonts/PlayfairDisplay-Bold.woff2') format('woff2');
     font-weight: bold;
     font-style: normal;
     font-display: swap;
 }

 @font-face {
     font-family: 'Playfair Display';
     src: url('../fonts/PlayfairDisplay-SemiBold.woff2') format('woff2');
     font-weight: 600;
     font-style: normal;
     font-display: swap;
 }

 /* ==========================================================================
   ITCSS ARCHITECTURE
   1. Settings   - Глобальные переменные, цвета, шрифты
   2. Generic    - Reset, Normalize, box-sizing
   3. Base       - Базовые HTML теги (typography, links, body)
   4. Layout     - Сетки, контейнеры, макро-раскладка
   5. Components - Специфичные блоки UI
   6. Utilities  - Вспомогательные классы (отступы, цвета, текст)
   7. Media      - Адаптивные медиа-запросы
   ========================================================================== */

/* ==========================================================================
   1. SETTINGS & VARIABLES
   ========================================================================== */
html {
  --brand: var(--green);
  scrollbar-color: var(--brand) Canvas;
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
  scrollbar-gutter: stable;
}

html,
body {
  overscroll-behavior-y: none;
}

:root {

  /* Base Font & Families */
  --base-font-size: 1rem;
  --font-family: "Manrope", sans-serif;
  --second-family: "Caveat", cursive;
  --third-family: "Cormorant Garamond", serif;
  --main: #17213A;
  --yellow: yellow;
  --orange: orange;
  --purple: purple;
  --white: white;
  --red: #E85D4F;
  --green: #4FB7A6;
  --blue: blue;

  --soft-blue: #EAF4FF;
  --border: #E9E2DA;
  --soft-text: #647086;
  --soft-braun: #BC897E;

  --ice-blue: #E9EEF9;
  --soft-pink: #FBE8E3;
  --soft-mauve: #F6E9F5;
  --color-pale-blue: #E7F1FB;

  --brown: brown;
  --black: black;
  --grey: grey;
  --grey-light: lightgrey;
  accent-color: var(--brand);
  /* Size */
  --size-5: 0.3125rem;
  --size-10: 0.625rem;
  --size-15: 0.9375rem;
  --size-16: 1rem;
  --size-20: 1.25rem;
  --size-25: 1.5625rem;
  --size-30: 1.875rem;
  --size-35: 2.1875rem;
  --size-40: 2.5rem;
  --size-45: 2.8125rem;
  --size-50: 3.125rem;
  --size-55: 3.4375rem;
  --size-60: 3.75rem;
  --size-65: 4.0625rem;
  --size-70: 4.375rem;
  --size-75: 4.6875rem;
  --size-80: 5rem;
  --size-85: 5.3125rem;
  --size-90: 5.625rem;
  --size-95: 5.9375rem;
  --size-100: 6.25rem;
  /* Font Sizes */
  --h1-size: 3rem;
  /* 48px */
  --h2-size: 2.5rem;
  /* 40px */
  --h3-size: 2rem;
  /* 32px */
  --h4-size: 1.75rem;
  /* 28px */
  --h5-size: 1.5rem;
  /* 24px */
  --h6-size: 1.25rem;
  /* 20px */
  --text-xs: 0.75rem;
  /* 12px */
  --text-sm: 0.875rem;
  /* 14px */
  --text-base: 1rem;
  /* 16px */
  --text-md: 1.125rem;
  /* 18px */
  --text-lg: 1.25rem;
  /* 20px */
  --text-xl: 1.5rem;
  /* 24px */
  --text-2xl: 2rem;
  /* 32px */

  /* Line Height / Межстрочный интервал */
  --leading-tight: 1.25;
  /* 20px */
  --leading-snug: 1.375;
  /* 22px */
  --leading-normal: 1.5;
  /* 24px */
  --leading-relaxed: 1.625;
  /* 26px */
  --leading-loose: 2;
  /* 32px */

  /* Letter Spacing */
  --tracking-tighter: -0.05em;
  /* -0.8px */
  --tracking-tight: -0.025em;
  /* -0.4px */
  --tracking-normal: 0em;
  /* 0px */
  --tracking-wide: 0.025em;
  /* 0.4px */
  --tracking-wider: 0.05em;
  /* 0.8px */
  --tracking-widest: 0.1em;
  /* 1.6px */

  /* Border Radius */
  --radius-xs: 0.125rem;
  /* 2px */
  --radius-sm: 0.25rem;
  /* 4px */
  --radius-md: 0.375rem;
  /* 6px */
  --radius-lg: 0.5rem;
  /* 8px */
  --radius-xl: 0.75rem;
  /* 12px */
  --radius-2xl: 1rem;
  /* 16px */
  --radius-3xl: 1.5rem;
  /* 24px */
  --radius-4xl: 2rem;
  /* 32px */

  /* Layout & Grid */
  --container-width: 96rem;
  /* 1536 */
  --container-padding-x: 0.9375rem;
  /* 15 */

  /* Animations */
  --transition-duration: 0.2s;
  --transition-timing-function: ease-out;
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth;
  }

}

@media (prefers-reduced-motion:reduce) {
  @view-transition {
    navigation: none;
  }

}

/* ==========================================================================
 2. GENERIC (Reset / Normalize)
 ========================================================================== */
*:focus {
  outline: none;
}

:focus-visible {
  outline: 3px solid var(--brand);
  outline-offset: 2px;
  box-shadow: 0 0 5px rgba(0, 128, 0, 0.6);
  transition: all var(--transition-duration) var(--transition-timing-function);
}

::-moz-selection {
  background-color: var(--brand);
  color: var(--white);
}

::selection {
  background-color: var(--brand);
  color: var(--white);
}

::marker {
  color: var(--brand);
}

:is(::-webkit-calendar-picker-indicator, ::-webkit-clear-button, ::-webkit-inner-spin-button, ::-webkit-outer-spin-button) {
  color: var(--brand);
}

/* ==========================================================================
 3. BASE (HTML, Body, Typography, Tags)
 ========================================================================== */
body {

  /* Typography */
  font-family: var(--font-family);
  font-size: var(--base-font-size);
  font-weight: 400;
  font-style: normal;
  line-height: var(--leading-normal);
  font-variant-numeric: tabular-nums lining-nums;
  text-wrap: pretty;
  /* Visual */
  color: var(--main);
  background-color: #FFFCF7;
}

.second-family {
  font-family: var(--second-family);
}

.third-family {
  font-family: var(--third-family);
}

/* Typography Base */
h1,
.h1 {
  font-size: var(--h1-size);
}

h2,
.h2 {
  font-size: var(--h2-size);
  font-weight: 600;
}

main :is(h1, h2) {
  font-family: var(--third-family);
}

h3,
.h3 {
  font-size: var(--h3-size);
}

h4,
.h4 {
  font-size: var(--h4-size);
}

h5,
.h5 {
  font-size: var(--h5-size);
}

h6,
.h6 {
  font-size: var(--h6-size);
}

:where(h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6) {
  font-weight: inherit;
  text-wrap: balance;
  font-weight: 700;
  line-height: 1;
}

strong,
b {
  font-weight: 700;
}

:is(.h1, .h2, .h3, .h4, .h5, .h6)> :where(h1, h2, h3, h4, h5, h6):where(:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)) {
  font-size: inherit;
}

.subtitle {
  font-weight: 600;
}

.text-pretty {
  text-wrap: pretty;
}

.text-balance {
  text-wrap: balance;
}

p:first-child,
div.p:first-child {
  margin-top: 0;
}

/* p:not([class]):not(:last-child) { margin-bottom: var(--size-16); } */
ul:where(ul) {
  list-style-type: disc;
}

/* ul:not(.ab-top-menu), ol { padding-left: 1.25em; } */
a {
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-underline-offset: 3px;
  /* text-decoration-thickness: 2px; */
}

a:active {
  color: var(--red);
}

a:visited {
  color: var(--purple);
}

@media (hover:hover) and (pointer:fine) {
  a:hover {
    text-decoration: none;
  }

  button:hover {
    background-color: #D94B40;
  }

}

video,
iframe {
  max-inline-size: 100%;
  block-size: auto;
}

/* Media & Images */
img {

  /* Box Model */
  display: inline-block;
  max-inline-size: 100%;
  block-size: auto;
  /* Visual */
  vertical-align: bottom;
  border-style: none;
  border: none;
  /* Animation */
  transition: transform var(--transition-duration) ease-in-out;
  position: relative;
}

/* Forms & Inputs */
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: 100%;
  line-height: normal;
}

input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"] {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline-width: 1px;
  outline-style: dashed;
  outline-offset: -1px;
}

input {
  transition: outline-color 0.3s ease, transform 0.3s ease;
}

input:user-invalid,
input:focus-visible:user-invalid {
  outline: 2px solid var(--red);
  border: 0;
  animation: shake2 0.3s ease;
}

input:user-valid,
input:focus-visible:user-valid {
  outline: 2px solid var(--green);
  border: 0;
}

input[type="checkbox"] {
  width: 1.5em;
  height: 1.5rem;
  accent-color: var(--brand);
}

textarea {
  min-height: 200px;
  max-height: 400px;
  resize: vertical;
}

fieldset {
  border: none;
}

button[disabled],
html input[disabled] {
  pointer-events: none;
  opacity: 0.7;
  cursor: default;
}

@media (hover:none) {
  button:active {
    background-color: coral;
  }

}

.btn-outline-red {
  outline: 1px solid var(--red);
}

.btn-outline-red:hover,
.btn-outline-red:focus-visible {
  color: var(--white);
  background-color: var(--red);
}

/* Search input resets */
.text-field__input[type="search"]::-webkit-search-decoration,
.text-field__input[type="search"]::-webkit-search-cancel-button,
.text-field__input[type="search"]::-webkit-search-results-button,
.text-field__input[type="search"]::-webkit-search-results-decoration {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
}

/* ==========================================================================
 4. LAYOUT / OBJECTS
 ========================================================================== */
.main-page {

  /* Box Model */
  min-height: 100vh;
  overflow-x: hidden;
  overflow-x: clip;
  overflow-y: visible;
}

@supports (height:100dvh) {
  .main-page {
    min-height: 100dvh;
  }

}

.container {
  /* Box Model */
  width: 100%;
  max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
}

.container-fluid {

  /* Box Model */
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
}

.full-width {

  /* Positioning */
  position: relative;
  left: 50%;
  right: 50%;
  /* Box Model */
  width: 100vw;
  max-width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
}

.embed-container {

  /* Positioning */
  position: relative;
  /* Box Model */
  max-width: 100%;
  height: auto;
  padding-bottom: 56.25%;
  overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {

  /* Positioning */
  position: absolute;
  top: 0;
  left: 0;
  /* Box Model */
  width: 100%;
  height: 100%;
}

/* Grids Framework */
.auto-grid {
  --min-column-size: 22rem;
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(min(var(--min-column-size), 100%), 1fr));
}

/* ==========================================================================
 5. COMPONENTS & SPECIFIC BLOCKS
 ========================================================================== */
#fixmenu {
  z-index: 888;
  transition: all var(--transition-duration) ease-in-out;
}

.pop-politics {
  width: 100%;
  max-width: 50rem;
  padding: 2.5rem 1.875rem;
}

.pop-politics-title {
  margin-bottom: 1.875rem;
  text-align: center;
  font-size: 2rem;
  font-weight: 700;
}

.pop-scroll {
  max-height: 13.75rem;
  overflow-y: scroll;
}

.pop-scroll p:not(:last-child) {
  margin-bottom: 1.25rem;
}

/* Icon Component */
.icon {
  --size: 1em;
  /* Box Model */
  display: inline-block;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  max-width: initial;
  /* Typography */
  font-size: var(--size);
  line-height: 1;
  /* Visual */
  color: inherit;
  fill: currentColor;
}

.icon use {
  color: inherit;
}

/* Icon Modifiers */
.icon--3xs {
  --size: 8px;
}

.icon--2xs {
  --size: 12px;
}

.icon--xs {
  --size: 16px;
}

.icon--sm {
  --size: 24px;
}

.icon--md {
  --size: 32px;
}

.icon--lg {
  --size: 48px;
}

.icon--xl {
  --size: 64px;
}

.icon--2xl {
  --size: 96px;
}

.icon--3xl {
  --size: 128px;
}

.icon-container {
  grid-template-columns: auto minmax(0, 1fr);
}

.icon--is-spinning {
  animation: icon-spin 1s infinite linear;
}

/* Form Errors */
.error {
  color: var(--red) !important;
  animation: shake 0.6s;
}

form .error::-webkit-input-placeholder {
  color: var(--red) !important;
  outline: none;
}

form .error:-moz-placeholder {
  color: var(--red) !important;
  outline: none;
}

/* Animations Keyframes */
@keyframes shake {

  0%,
  100% {
    transform: translateX(0);
  }

  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(-0.625rem);
  }

  20%,
  40%,
  60%,
  80% {
    transform: translateX(0.625rem);
  }

}

@keyframes shake2 {

  0%,
  100% {
    transform: translateX(0);
  }

  25%,
  75% {
    transform: translateX(-5px);
  }

  50% {
    transform: translateX(5px);
  }

}

@keyframes icon-spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }

}

/* Buttons */
.btn-clear {
  margin: 0;
  padding: 0;
  font-family: inherit;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.but {
  /* Box Model */
  display: inline-flex;
  align-items: center;
  justify-content: center;
  /* Typography */
  text-decoration: none;
  /* Animation */
  transition: all var(--transition-duration) var(--transition-timing-function);
  font-weight: 600;
}

.but:active {
  position: relative;
  top: 1px;
}

/* === Макеты === */

/* menu styles */
.box-language a:not(:last-child)::after {
  content: "/";
  color: var(--red);
  position: absolute;
  left: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.box-language a {
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.menu-1 {
  display: flex;
  justify-content: space-between;
  width: min(100%, 700px);
  margin-inline: auto;

  & a {
    text-decoration: none;
    font-weight: 600;
    color: var(--main);
    padding-inline: 10px;
    padding-block: 5px;
  }
}

.burger {
  background-image: url('../img/svg/icon-menu.svg');
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 30px;
  border: none;
  cursor: pointer;
  display: inline-flex;
  background-color: rgba(0, 0, 0, .2);
  padding: 0;
  border-radius: 3px;
  width: 44px;
  height: 42px;
  z-index: 3;
}

.burger.active {
  background-image: url('../img/svg/icon-close.svg');
  background-size: 34px;
}

.burger svg {
  fill: var(--burger-icon-color);
}

.a-main.active {
  transform: translateX(100px);
}

.menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;

  background-color: #333;
  color: var(--white);
  padding: 30px;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  opacity: 0;
  visibility: hidden;
  transform: translateX(-100%);
  transition: transform 500ms, opacity 500ms, visibility 0ms 500ms;

  width: 80%;
}

.menu.active {
  visibility: visible;
  opacity: 1;
  transform: translateX(0);
  transition: transform 500ms, opacity 500ms;
}

/* header styles */
.a-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);

  &.active {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}

.logo {
  word-spacing: -3px;
}

.header-box-img {
  & img {
    width: 100%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.header-box-img::before {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  width: 200px;
  height: 100%;
  z-index: 1;
  pointer-events: none;

  background: linear-gradient(to right,
    #fff 0%,
    rgba(255, 252, 247, .95) 20%,
    rgba(255, 252, 247, .75) 45%,
    rgba(255, 252, 247, .35) 70%,
    rgba(255, 252, 247, 0) 100%);
}

.heade-box-list {
  bottom: 10px;
  left: 12px;
  right: 12px;
}

@media (hover: hover) and (pointer: fine) {
  .menu-1 a:hover {
    color: var(--red);
  }
}

/* footer styles */
.a-footer {
  margin-top: var(--size-10);
  color: var(--main);
  background-color: var(--white);
  border-top: 1px solid rgba(23, 33, 58, 0.08);
}

.footer-logo {
  line-height: 0.95;
}

.footer-logo span {
  margin-top: -0.1em;
}

.footer-brand__text {
  max-width: 100%;
  color: var(--soft-text);
}

.footer-column {
  padding-left: 0;
  font-style: normal;
  border-left: 0;
}

.footer-title {
  margin-bottom: var(--size-10);
  color: var(--main);
  font-size: var(--text-base);
  line-height: var(--leading-tight);
  font-weight: 700;
}

.a-footer a,
.a-footer a:visited {
  color: inherit;
}

.footer-link,
.footer-contact {
  color: var(--soft-text);
  font-size: var(--text-sm);
  line-height: 1.35;
}

.footer-contact {
  grid-template-columns: 18px minmax(0, 1fr);
}

.footer-contact__icon {
  width: 18px;
  height: 18px;
  color: var(--green);
}

.footer-social__link {
  width: 32px;
  height: 32px;
  color: var(--white);
  border-radius: 999px;
}

.footer-social__icon {
  width: 16px;
  height: 16px;
}

.footer-social__link--instagram {
  background-color: #cc5a8b;
}

.footer-social__link--facebook {
  background-color: #315b9d;
}

.footer-social__link--youtube {
  background-color: #e85d4f;
}

.footer-social__link--telegram {
  background-color: #45aee8;
}

.footer-bottom {
  margin-top: var(--size-30);
  padding-top: var(--size-15);
  color: var(--soft-text);
  font-size: var(--text-xs);
  line-height: 1.35;
  border-top: 1px solid rgba(23, 33, 58, 0.08);
}

.footer-language {
  color: var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .footer-link:hover,
  .footer-contact:hover {
    color: var(--red);
  }

  .footer-social__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(23, 33, 58, 0.16);
  }
}

/* === Компоненты === */

/* buttons styles */
.btn-press {
  transition:
    transform var(--transition-duration) var(--transition-timing-function),
    color var(--transition-duration) var(--transition-timing-function),
    background-color var(--transition-duration) var(--transition-timing-function),
    border-color var(--transition-duration) var(--transition-timing-function),
    opacity var(--transition-duration) var(--transition-timing-function);
}

.btn-press:active {
  transform: translateY(2px);
}

@media (hover:hover) and (pointer:fine) {
  .btn-press.bg-red:hover {
    background-color: #D94B40;
  }
}

.btn-press.bg-red:focus-visible {
  background-color: #D94B40;
}

.floating-consultation {
  bottom: env(safe-area-inset-bottom);
  min-height: 56px;
  box-shadow: 0 16px 30px rgba(232, 93, 79, 0.24);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(calc(100% + var(--size-20)));
  transition:
    opacity var(--transition-duration) var(--transition-timing-function),
    transform var(--transition-duration) var(--transition-timing-function),
    visibility var(--transition-duration) var(--transition-timing-function);
}

.floating-consultation.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0);
}

/* forms styles */
.modal-social-media {
  max-width: 540px;
  padding: 20px;
}

@media (hover: hover) and (pointer: fine) {
  .floating-block__btn:hover {
    transform: translateY(-5px);
  }
}

.arrow-line-right::after {
  content: '';
  width: 40px;
  height: 1px;
  background-color: var(--green);
  display: inline-block;
  vertical-align: middle;
  margin-left: 15px;
}

.box-social li {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  flex: auto;
}

.box-contacts {
  width: min(100%, 473px);
}

.modal-box-img {
  right: 20px;
  top: 35px;
  max-width: 350px;
}

.modal-card-img {

  & img {
    border-radius: 130px 150px 200px 173px / 217px 340px 200px 300px;
    overflow: hidden;
  }

  &::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(251, 232, 227, 0.3);
    top: -20px;
    right: -15px;
    border-radius: 250px 150px 200px 173px / 217px 340px 200px 300px;
    border: 1px solid rgba(251, 232, 227);
  }

  &::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(251, 232, 227, 0.7);
    top: -15px;
    left: -15px;
    border-radius: 130px 150px 200px 173px / 217px 340px 200px 300px;
  }
}

.box-slogan {
  margin-top: -40px;
  position: relative;
  z-index: 20;
}

.box-slogan-top {
  width: min(100%, 185px);
  border-radius: 30px;
  padding: 20px;
}

.box-slogan-bottom {
  background-color: rgba(251, 232, 227, 0.4);
  margin-top: -22px;
  padding-top: 30px;
}

.text-trans {
  transform: rotate(-12deg);
  line-height: 20px;
}

.modal-box-img-mobile {
  width: 65px;
  aspect-ratio: 1;
}

/* sliders styles */
.swiper-pagination-bullet-active {
  background: var(--red);
}

.slider-controls {
  min-height: 36px;
}

.slider-controls .swiper-pagination {
  position: static;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  width: auto;
  transform: translateX(0);
}

.slider-controls .swiper-pagination.swiper-pagination-bullets-dynamic {
  transform: translateX(0);
}

.slider-control {
  width: 36px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  color: var(--main);
  border: 1px solid rgba(23, 33, 58, 0.12);
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.94);
  box-shadow: 0 6px 14px rgba(23, 33, 58, 0.05);
}

.slider-control .icon {
  fill: none;
}

.slider-control .icon use {
  fill: none;
}

.slider-control.swiper-button-disabled {
  opacity: 0.36;
  pointer-events: none;
}

.slider-control.swiper-button-lock,
.slider-controls .swiper-pagination-lock {
  display: none;
}

.slider-controls:has(.swiper-pagination-lock) {
  display: none;
}

.Swiper-2 .swiper-slide {
  height: auto !important;
}

.direction-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.direction-card__body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.direction-card__body .box-link {
  margin-top: auto;
}

.Swiper-3 .swiper-slide {
  height: auto;
}

@media (hover: hover) and (pointer: fine) {
  .slider-control:hover {
    color: var(--red);
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(23, 33, 58, 0.08);
  }
}

/* helper components */
.strike { text-decoration: line-through; text-decoration-color: red; text-decoration-thickness: 2px; }

.inset::before { content: ''; position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }

.inner-radius { --outer-radius: 1em; --padding: 0.5em; --inner-radius: calc(var(--outer-radius) - var(--padding)); }

.scroll-snap { --gap: 1rem; display: grid; grid-gap: var(--gap); grid-auto-flow: column; grid-auto-columns: 30%;  /* calc(50% - (var(--gap) / 2)) override preserved from source */ overflow-x: scroll; scroll-snap-type: x mandatory; scroll-padding: var(--gap); }
.scroll-snap>* { scroll-snap-align: start; }
/* === Страницы === */
/* main styles */
.a-main {
  transition: transform 500ms ease;
}

.box-card {
  border: 1px solid rgba(23, 33, 58, 0.08);
}

.border-around-green {
  border: 1px solid var(--green);
}

.arround-right {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 6px 4px 6px 10px;

  &::after {
    content: '';
    display: block;
    flex: 0 0 auto;
    width: 14px;
    height: 14px;
    background-color: currentColor;
    mask: url('../img/svg/arrow-right.svg') 50% / contain no-repeat;
    -webkit-mask: url('../img/svg/arrow-right.svg') 50% / contain no-repeat;
    margin-left: 0.5em;
    transition: transform 0.2s ease;
  }

  &:hover::after {
    transform: translateX(0.35em);
  }
}

.box-svg {
  width: 50px;
  aspect-ratio: 1;
}

.imgbox {
  --aspect-ratio: 4/3;
  position: relative;
  height: 0;
  padding-bottom: calc(100% / (var(--aspect-ratio)));
}

.imgbox * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.b4 .imgbox {
  --aspect-ratio: 16/9;
}

.hero-mobile-image {
  & img {
    width: 100%;
    border-radius: 0.75rem;
  }
}

.b1 .hero-features {
  display: none;
}

.b2 .Swiper-1 .swiper-slide {
  height: auto;
}

.irina-box-advantages {
  max-width: 470px;
  transform: rotate(-2deg);
}

.irina-box-advantages-list {
  background: linear-gradient(135deg, #fffdf8 0%, #fff9e8 100%);
  box-shadow: 0 14px 30px rgba(23, 33, 58, 0.08);
}

.irina-box-advantages-icon {
  width: 22px;
  aspect-ratio: 1;
}

.irina-box-advantages-icon .icon {
  fill: none;
}

.lesson-step-icon .icon {
  --size: 36px;
  fill: none;
}

.soft-outline-icon .icon {
  --size: 36px;
  fill: none;
}

.bg-heart {
  background-image: url('../img/svg/heart.svg');
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: 30px;
}

.box-arrow {
  background-image: url('../img/svg/arrow-right -black.svg');
  width: 30px;
  height: 30px;
  background-size: cover;
  background-position: 50%;
  background-repeat: no-repeat;
  right: 20px;
  top: 30px;
}

.b7 .box-program {
  align-items: stretch;
  gap: 0;
  padding: var(--size-15);
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-padding-inline: var(--size-15);
  -webkit-overflow-scrolling: touch;
  background: linear-gradient(135deg, #17213a 0%, #101827 100%);
  border-color: rgba(255, 255, 255, 0.24);
  box-shadow: 0 14px 30px rgba(23, 33, 58, 0.16);
  scrollbar-width: none;
}

.b7 .box-program::-webkit-scrollbar {
  display: none;
}

.box-program__item {
  flex: 0 0 78%;
  min-width: 0;
  min-height: 190px;
  padding: var(--size-15);
  border-right: 1px solid rgba(255, 255, 255, 0.22);
  scroll-snap-align: start;
}

.box-program__item:last-child {
  border-right: 0;
}

.box-program__item h3 {
  margin-bottom: var(--size-20);
  font-size: var(--text-base);
}

.box-program__item p,
.box-program__item li {
  color: rgba(255, 255, 255, 0.78);
}

.box-program__levels,
.box-program__checklist {
  display: grid;
  gap: var(--size-10);
}

.box-program__level-active {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 2px var(--size-10);
  color: var(--green);
  border: 1px solid var(--green);
  border-radius: var(--radius-md);
  box-shadow: 0 0 0 3px rgba(79, 183, 166, 0.18);
}

.box-program__check {
  color: rgba(255, 255, 255, 0.62);
}

.box-program__check--active {
  color: var(--green);
}

.box-program__check .icon,
.box-program__icon .icon,
.box-program__heart .icon {
  fill: none;
}

.box-program__note {
  margin-top: var(--size-20);
  font-size: 1.65rem;
  line-height: 0.9;
  transform: rotate(-8deg);
}

.box-program__icon {
  margin-top: var(--size-15);
  color: rgba(255, 255, 255, 0.72);
}

.box-program__heart {
  margin-top: var(--size-30);
}

.video-card__link,
.video-card__link:visited {
  color: var(--main);
}

.video-card__media {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius-xl);
  border: 1px solid rgba(23, 33, 58, 0.14);
  color: var(--main);
  background-color: var(--soft-blue);
}

.video-card__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(23, 33, 58, 0.22);
}

.video-card__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.video-card__play {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 54px;
  aspect-ratio: 1;
  color: var(--main);
  background-color: rgba(255, 255, 255, 0.92);
  border-radius: 50%;
  box-shadow: 0 8px 18px rgba(23, 33, 58, 0.14);
  transition: transform 0.2s ease;
  transform: translate(-50%, -50%);
}

.video-card__play .icon {
  margin-left: 3px;
}

.video-card__link:hover .video-card__play {
  transform: translate(-50%, -50%) scale(1.06);
}

.video-card__time {
  position: absolute;
  right: var(--size-10);
  bottom: var(--size-10);
  z-index: 2;
  padding: 2px 7px;
  color: var(--white);
  font-size: var(--text-sm);
  line-height: 1.2;
  background-color: rgba(23, 33, 58, 0.82);
  border-radius: var(--radius-sm);
}

.video-lessons__note {
  color: rgba(23, 33, 58, 0.56);
}

.video-lessons__note p {
  transform: rotate(-2deg);
}

.video-lessons__arrow {
  display: block;
  width: 96px;
  margin: var(--size-10) 0 0;
  color: rgba(23, 33, 58, 0.28);
}

.b9 .student-results__track {
  word-break: normal;
  overflow-wrap: normal;
}

.b9 .swiper-slide {
  height: auto;
}

.student-results__stats,
.student-results__card {
  min-height: 142px;
  filter: drop-shadow(0 10px 8px rgba(23, 33, 58, 0.06));
}

.student-results__stats li {
  grid-template-columns: 84px minmax(0, 1fr);
}

.student-results__number {
  font-size: 1.35rem;
  line-height: 1;
  white-space: nowrap;
}

.student-results__muted,
.student-results__content p,
.student-results__period {
  color: var(--soft-text);
}

.student-results__card {
  grid-template-columns: 72px minmax(0, 1fr);
}

.student-results__photo {
  width: 72px;
  aspect-ratio: 1;
}

.student-results__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.student-results__content h3 {
  font-size: var(--text-md);
  line-height: var(--leading-tight);
}

.student-results__progress {
  font-size: 1.25rem;
  line-height: 1;
  white-space: nowrap;
}

.student-results__period {
  flex: 0 0 auto;
  font-size: var(--text-sm);
}

.b10 .swiper-slide {
  height: auto;
}

.review-card {
  height: 100%;
  min-height: 220px;
  filter: drop-shadow(0 10px 8px rgba(23, 33, 58, 0.06));
  word-break: normal;
  overflow-wrap: normal;
}

.review-card__photo {
  width: 70px;
  aspect-ratio: 1;
}

.review-card__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.review-card__person h3 {
  font-size: var(--text-md);
  line-height: var(--leading-tight);
}

.review-card__city,
.review-card__text {
  color: var(--soft-text);
}

.review-card__text {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.review-card__rating {
  gap: 2px;
  color: #f6b727;
  line-height: 1;
}

.review-card__rating .icon {
  flex: 0 0 auto;
  fill: currentColor;
}

.review-modal {
  max-width: 640px;
}

.b11 .pricing-list {
  --gap: var(--size-10);
  grid-auto-columns: minmax(235px, 78%);
  align-items: stretch;
  padding-top: var(--size-10);
  padding-bottom: var(--size-5);
  scrollbar-width: none;
}

.b11 .pricing-list::-webkit-scrollbar {
  display: none;
}

.pricing-card {
  box-shadow: 0 10px 22px rgba(23, 33, 58, 0.05);
  word-break: normal;
  overflow-wrap: normal;
}

.pricing-card h3 {
  font-size: var(--text-md);
  line-height: var(--leading-tight);
}

.pricing-card__note,
.pricing-card__old-price {
  font-size: var(--text-sm);
}

.pricing-card__note,
.pricing-card--contact p {
  color: var(--soft-text);
}

.pricing-card__price {
  margin-block: auto var(--size-15);
  line-height: 1;
}

.pricing-card__old-price {
  margin-top: calc(var(--size-10) * -1);
  margin-bottom: var(--size-15);
  color: var(--red);
}

.pricing-card__button {
  min-width: 145px;
  outline-color: rgba(23, 33, 58, 0.36);
}

.pricing-card--featured {
  border-color: var(--red);
  outline: 1px solid var(--red);
}

.pricing-card__label {
  position: absolute;
  top: 0;
  left: 50%;
  min-width: 112px;
  padding: 4px var(--size-10);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  line-height: 1;
  transform: translate(-50%, -1px);
}

.pricing-card--contact {
  background: rgba(79, 183, 166, 0.16);
}

.team-intro p {
  color: var(--soft-text);
  max-width: 300px;
}

.b12 .swiper-slide {
  height: auto;
}

.teacher-card {
  filter: drop-shadow(0 10px 8px rgba(23, 33, 58, 0.06));
  word-break: normal;
  overflow-wrap: normal;
}

.teacher-card__photo {
  aspect-ratio: 4 / 3;
  overflow: hidden;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  background-color: var(--soft-blue);
}

.teacher-card__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.teacher-card h3 {
  font-size: var(--text-md);
  line-height: var(--leading-tight);
}

.teacher-card__role {
  margin-top: var(--size-5);
  color: var(--soft-text);
}

.start-step {
  grid-template-columns: auto 1fr;
  align-items: center;
  box-shadow: 0 10px 22px rgba(23, 33, 58, 0.05);
  word-break: normal;
  overflow-wrap: normal;
}

.start-step__number {
  width: 58px;
  aspect-ratio: 1;
  color: var(--red);
  font-size: 1.75rem;
  line-height: 1;
  border: 2px solid rgba(23, 33, 58, 0.14);
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: inset 0 0 0 6px rgba(232, 93, 79, 0.08);
}

.start-step h3 {
  font-size: var(--text-md);
  line-height: var(--leading-tight);
}

.start-step p {
  color: var(--soft-text);
}

.b14-test-box {
  padding: var(--size-15);
  background: linear-gradient(100deg, rgba(79, 183, 166, 0.18), rgba(234, 244, 255, 0.72) 55%, rgba(255, 255, 255, 0.96));
  box-shadow: inset 0 0 0 1px rgba(23, 33, 58, 0.06);
}

.b14-test-copy p {
  max-width: 380px;
  color: var(--soft-text);
}

.test-level__button {
  max-width: none;
  min-height: 44px;
  box-shadow: 0 10px 20px rgba(232, 93, 79, 0.16);
}

.test-preview {
  box-shadow: 0 10px 24px rgba(23, 33, 58, 0.05);
}

.test-preview__label,
.test-preview__answers {
  color: var(--soft-text);
}

.test-preview__label {
  margin-bottom: var(--size-5);
}

.test-preview__answer {
  width: -moz-fit-content;
  width: fit-content;
}

.test-preview__answer--active {
  color: var(--main);
}

.test-preview__radio {
  position: relative;
  width: 12px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border: 1px solid currentColor;
  border-radius: 50%;
}

.test-preview__answer--active .test-preview__radio::after {
  content: "";
  position: absolute;
  inset: 3px;
  border-radius: 50%;
  background-color: var(--green);
}

.test-preview__progress {
  justify-content: space-between;
}

.test-preview__circle {
  position: relative;
  width: 68px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border-radius: 50%;
  background: conic-gradient(var(--green) 35%, rgba(79, 183, 166, 0.18) 0);
}

.test-preview__circle::before {
  content: "";
  position: absolute;
  inset: 8px;
  border-radius: 50%;
  background-color: var(--white);
}

.test-preview__circle span {
  position: relative;
  z-index: 1;
}

.faq-item {
  overflow: hidden;
  box-shadow: 0 8px 18px rgba(23, 33, 58, 0.035);
}

.faq-item__question {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--size-15);
  min-height: 48px;
  padding: var(--size-15) var(--size-20);
  list-style: none;
  cursor: pointer;
}

.faq-item__question::-webkit-details-marker {
  display: none;
}

.faq-item__question::after {
  content: "";
  width: 9px;
  aspect-ratio: 1;
  flex: 0 0 auto;
  border-right: 2px solid var(--soft-text);
  border-bottom: 2px solid var(--soft-text);
  transform: rotate(45deg) translateY(-2px);
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.faq-item[open] .faq-item__question::after {
  border-color: var(--red);
  transform: rotate(225deg) translateY(-2px);
}

.faq-item__answer {
  padding: 0 var(--size-20) var(--size-15);
  color: var(--soft-text);
}

.faq-item__answer p {
  padding-top: var(--size-15);
  border-top: 1px solid rgba(23, 33, 58, 0.08);
}

.mini-courses-note {
  max-width: 410px;
  color: var(--soft-text);
}

.b16 .mini-courses-list {
  word-break: normal;
  overflow-wrap: normal;
}

.b16 .swiper-slide {
  height: auto;
}

.mini-course-card {
  min-height: 100%;
  filter: drop-shadow(0 10px 8px rgba(23, 33, 58, 0.06));
}

.mini-course-card__label {
  padding: var(--size-5) var(--size-10);
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
  color: var(--green);
  background-color: rgba(79, 183, 166, 0.12);
}

.mini-course-card--featured .mini-course-card__label {
  color: var(--white);
  background-color: rgba(255, 255, 255, 0.14);
}

.mini-course-card__title {
  font-size: var(--text-md);
}

.mini-course-card__text {
  color: var(--soft-text);
}

.mini-course-card--featured .mini-course-card__text {
  color: rgba(255, 255, 255, 0.78);
}

.mini-course-card__price {
  font-size: 1.5rem;
  line-height: 1;
}

.mini-course-card--featured .mini-course-card__price {
  color: var(--white);
}

.mini-course-card__button {
  min-height: 36px;
  color: var(--green);
  border: 1px solid rgba(79, 183, 166, 0.58);
  background-color: rgba(79, 183, 166, 0.06);
  white-space: nowrap;
}

.mini-course-card__button:visited {
  color: var(--green);
}

.mini-course-card__button--primary,
.mini-course-card__button--primary:visited {
  color: var(--white);
  border-color: var(--red);
}

.mini-course-card__image {
  width: 100%;
  aspect-ratio: 16 / 10;
  background-color: var(--soft-blue);
}

@media (hover: hover) and (pointer: fine) {
  .mini-course-card__button:hover {
    color: var(--white);
    background-color: var(--green);
  }

  .mini-course-card__button--primary:hover {
    background-color: var(--main);
    border-color: rgba(255, 255, 255, 0.48);
  }
}

.blog-card {
  height: auto;
  color: var(--main);
}

.blog-card__link,
.blog-card__link:visited {
  color: var(--main);
}

.blog-card__link {
  min-height: 300px;
  filter: drop-shadow(0 10px 8px rgba(23, 33, 58, 0.06));
  transition: transform 0.2s ease, border-color 0.2s ease;
}

.blog-card--accent .blog-card__link {
  border-color: rgba(79, 183, 166, 0.44);
  background: linear-gradient(180deg, rgba(79, 183, 166, 0.1), var(--white) 55%);
}

.blog-card__image {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-xl) var(--radius-xl) 0 0;
  background-color: var(--soft-blue);
}

.blog-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.blog-card__content {
  gap: var(--size-15);
  padding: var(--size-15);
}

.blog-card__tag {
  padding: 5px var(--size-10);
  color: var(--green);
  font-size: var(--text-sm);
  line-height: 1.2;
  border: 1px solid rgba(79, 183, 166, 0.36);
  border-radius: 999px;
  background-color: rgba(79, 183, 166, 0.08);
}

.blog-card h3 {
  font-size: var(--text-lg);
}

.blog-card__bottom {
  padding-top: var(--size-5);
}

.blog-card__time {
  color: var(--soft-text);
  font-size: var(--text-sm);
}

@media (hover: hover) and (pointer: fine) {
  .blog-card__link:hover {
    border-color: rgba(232, 93, 79, 0.42);
    transform: translateY(-3px);
  }
}

.final-cta {
  padding: var(--size-15);
  background: linear-gradient(115deg, var(--main) 0%, #11192c 68%, #0e1728 100%);
  box-shadow: 0 16px 34px rgba(23, 33, 58, 0.14);
}

.final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08), transparent 34%),
    repeating-linear-gradient(90deg, transparent 0 34px, rgba(255, 255, 255, 0.035) 34px 35px);
  opacity: 0.65;
}

.final-cta__content {
  position: relative;
  z-index: 2;
}

.final-cta__copy {
  max-width: 600px;
}

.final-cta__eyebrow {
  color: rgba(255, 255, 255, 0.72);
}

.final-cta h2 {
  color: var(--white);
}

.final-cta__text {
  max-width: 560px;
  color: rgba(255, 255, 255, 0.78);
}

.final-cta__button {
  width: 100%;
  min-width: 180px;
  min-height: 44px;
  border: 1px solid transparent;
}

.final-cta__button--primary {
  box-shadow: 0 10px 24px rgba(232, 93, 79, 0.22);
}

.final-cta__button--primary:visited,
.final-cta__button--primary:hover,
.final-cta__button--primary:focus-visible {
  color: var(--white);
}

.final-cta__button--outline {
  color: var(--white);
  background-color: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.36);
  box-shadow: none;
}

.final-cta__button--outline:visited {
  color: var(--white);
}

.final-cta__photo {
  position: relative;
  z-index: 0;
  width: min(100%, 320px);
  margin: var(--size-20) auto 0;
  border-radius: var(--radius-lg);
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 14px 26px rgba(0, 0, 0, 0.14);
}

.final-cta__photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 11;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.final-cta__actions {
  flex-direction: column;
  align-items: stretch;
}

@media (hover: hover) and (pointer: fine) {
  .final-cta__button--primary:hover {
    background-color: #d94d40;
  }

  .final-cta__button--outline:hover {
    background-color: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.55);
  }
}

.floating-block__options {
  position: absolute;
  transition: top 300ms, opacity 300ms, visibility 300ms;
  display: flex;
  -moz-column-gap: 15px;
  column-gap: 15px;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: -1;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

.floating-block__btn {
  --btn-size: 72px;
  --icon-size: 40px;
  position: relative;
  width: var(--size-45);
  height: var(--size-45);
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fb0;
  transition: all 300ms;
  transition-property: transform, background-color;
}

.floating-block__btn--whatsapp {
  background-color: #25d366;
}

.floating-block__btn--viber {
  background-color: #7360f2;
}

.floating-block__btn--telegram {
  background-color: #08c;
}

.floating-block__icon {
  position: relative;
  width: var(--size-30);
  height: var(--size-30);
}

.floating-block.active .floating-block__options {
  top: calc(100% + 5px);
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.box-rev-title .reviews-box-title {
  text-align: center;
}

/* Adults page */
.adults-hero-stat {
  grid-template-columns: auto minmax(0, 1fr);
}

.adults-hero-stat__icon {
  width: 25px;
  aspect-ratio: 1;

  & svg {
    width: 100%;
    height: 100%;
  }
}

.adults-hero-stat__icon .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adults-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  aspect-ratio: 1;
  color: var(--green);
  background-color: rgba(79, 183, 166, 0.14);
  border-radius: 50%;
}

.adults-icon--red {
  color: var(--red);
  background-color: rgba(232, 93, 79, 0.12);
}

.adults-icon--blue {
  color: var(--blue);
  background-color: var(--soft-blue);
}

.adults-icon--mauve {
  color: var(--purple);
  background-color: var(--soft-mauve);
}

.adults-icon .icon,
.adults-program-board .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.adults-program-board {
  background: linear-gradient(135deg, #17213a 0%, #101827 100%);
  box-shadow: 0 18px 36px rgba(23, 33, 58, 0.16);
}

.adults-program-board__item:not(:last-child) {
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

.adults-program-board__item:first-child {
  border-top: 0;
}

.adults-program-muted {
  color: rgba(255, 255, 255, 0.72);
}

.adults-program-note {}

.adults-teacher {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(234, 244, 255, 0.58)),
    var(--white);
  box-shadow: 0 16px 34px rgba(23, 33, 58, 0.07);
}

#results .results-step .adults-icon {
  width: var(--size-40);
}

.adults-hero-stats {
  margin-top: 10px;
  box-shadow: 0 14px 30px rgba(23, 33, 58, 0.1);

  & li {
    position: relative;

    &:nth-child(even)::after {
      display: none;
    }

    &:nth-child(odd)::after {
      content: '';
      position: absolute;
      background-color: rgba(23, 33, 58, 0.08);
      width: 2px;
      height: 40px;
      right: 0;
      top: 50%;
      bottom: auto;
      left: auto;
      transform: translate(0, -50%);
    }
  }
}

/* Teacher template */
.teacher-portrait img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}
/* About page */
.about-hero__media img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.about-page .about-hero__media {
  min-height: 420px;
  box-shadow: 0 18px 36px rgba(23, 33, 58, 0.12);
}

.about-page .about-hero__media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.about-page .about-hero__badge {
  max-width: 230px;
}

.about-page .about-hero__rating {
  max-width: 230px;
}

.about-page .about-hero__note {
  color: var(--green);
  line-height: 0.9;
}

.about-page .about-hero-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.about-page .about-dark-card {
  background: linear-gradient(135deg, #17213a 0%, #101827 100%);
  box-shadow: 0 18px 36px rgba(23, 33, 58, 0.14);
}

.about-page .about-soft-card {
  background: linear-gradient(135deg, rgba(234, 244, 255, 0.92), rgba(255, 255, 255, 0.98));
}

.about-page .about-token {
  background-color: rgba(255, 255, 255, 0.08);
}

.about-page .about-token--green {
  background-color: rgba(79, 183, 166, 0.16);
}

.about-page .about-token--red {
  background-color: rgba(232, 93, 79, 0.16);
}

.about-page .about-service-card {
  min-height: 240px;
}

.about-page .about-service-card .adults-icon .icon,
.about-page .about-step .icon,
.about-page .about-timeline .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.about-page .about-step {
  position: relative;
}

.about-page .about-timeline {
  position: relative;
}

.about-page .about-timeline::before {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  left: 20px;
  width: 2px;
  background-color: rgba(79, 183, 166, 0.28);
}

.about-page .about-timeline__icon {
  position: relative;
  z-index: 1;
  width: 40px;
  aspect-ratio: 1;
  background-color: rgba(79, 183, 166, 0.14);
}

.about-page .about-principles .icon {
  fill: currentColor;
}

.about-page .about-review-slider .swiper-slide {
  height: auto;
}

.about-page .about-review-card {
  min-height: 230px;
}

.about-page .about-review-card .review-card__text {
  -webkit-line-clamp: 5;
}

.about-page .about-summary__image {
  min-height: 220px;
  background-color: var(--soft-blue);
}

.about-page .about-summary__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 768px) {
  .about-page .about-hero-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .about-page .about-hero-stats {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }

  .about-page .about-hero-stats .adults-hero-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 48px;
    background-color: rgba(23, 33, 58, 0.08);
    transform: translateY(-50%);
  }

  .about-page .about-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 30px;
    right: -44px;
    width: 88px;
    height: 1px;
    background-color: rgba(100, 112, 134, 0.38);
  }
}

@media (max-width: 639px) {

  .about-page .about-hero__badge,
  .about-page .about-hero__rating {
    max-width: 190px;
  }
}

/* Blog page */
.blog-page .blog-search input,
.blog-page .blog-subscribe input {
  min-height: 44px;
  padding: 0 var(--size-10);
  border: 0;
  color: var(--main);
  background: transparent;
}

.blog-page .blog-subscribe input {
  padding: 0 var(--size-15);
}

.blog-page .blog-search input::-moz-placeholder, .blog-page .blog-subscribe input::-moz-placeholder {
  color: var(--soft-text);
}

.blog-page .blog-search input::placeholder,
.blog-page .blog-subscribe input::placeholder {
  color: var(--soft-text);
}

.blog-page .blog-chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  transition:
    color var(--transition-duration) var(--transition-timing-function),
    background-color var(--transition-duration) var(--transition-timing-function),
    transform var(--transition-duration) var(--transition-timing-function);
}

.blog-page .blog-featured__image {
  min-height: 260px;
}

.blog-page .blog-featured__image img,
.blog-page .blog-editor-card__avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.blog-page .blog-hero__card {
  max-width: 490px;
  margin-left: auto;
}

.blog-page .blog-hero__image {
  aspect-ratio: 16 / 9;
}

.blog-page .blog-hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.blog-page .blog-search__icon .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.blog-page .blog-hero__actions > a {
  flex: 1 1 220px;
  min-height: 54px;
}

.blog-page .blog-editor-card__avatar {
  width: 120px;
  aspect-ratio: 1;
  background-color: var(--soft-blue);
}

.blog-page .blog-featured {
  min-height: 100%;
}

.blog-page .blog-author-note .icon,
.blog-page .blog-topic-card .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.blog-page .blog-topic-card {
  color: var(--main);
  transition:
    transform var(--transition-duration) var(--transition-timing-function),
    border-color var(--transition-duration) var(--transition-timing-function);
}

.blog-page .blog-popular {
  counter-reset: blog-popular;
}

.blog-page .blog-popular li {
  counter-increment: blog-popular;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  gap: var(--size-10);
  align-items: start;
}

.blog-page .blog-popular li::before {
  content: counter(blog-popular, decimal-leading-zero);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  aspect-ratio: 1;
  color: var(--green);
  font-weight: 700;
  background-color: rgba(79, 183, 166, 0.12);
  border-radius: 50%;
}

.blog-page .blog-popular a {
  color: var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .blog-page .blog-chip:hover,
  .blog-page .blog-topic-card:hover {
    transform: translateY(-2px);
  }

  .blog-page .blog-chip:hover {
    color: var(--white);
    background-color: var(--green);
  }

  .blog-page .blog-topic-card:hover {
    border-color: rgba(79, 183, 166, 0.44);
  }

  .blog-page .blog-popular a:hover {
    color: var(--red);
  }
}

@media (min-width: 1024px) {
  .blog-page .blog-featured__image {
    min-height: 430px;
  }
}

@media (min-width: 640px) {
  .blog-page .blog-hero__actions > a {
    max-width: 270px;
  }
}

@media (max-width: 639px) {
  .blog-page .blog-hero__card {
    max-width: none;
  }

  .blog-page .blog-search {
    flex-wrap: wrap;
  }

  .blog-page .blog-search button {
    width: 100%;
  }
}

/* Contacts page */
.contacts-page .contacts-hero-card__image {
  background-color: var(--soft-blue);
}

.contacts-page .contacts-hero-card__image img,
.contacts-page .contacts-dark-card__image img,
.contacts-page .contacts-consultation__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.contacts-page .contacts-trust .adults-icon,
.contacts-page .contacts-channel--compact .adults-icon {
  width: 38px;
}

.contacts-page .contacts-channel {
  min-height: 58px;
  padding: var(--size-10);
  border: 1px solid rgba(23, 33, 58, 0.08);
  background-color: rgba(234, 244, 255, 0.34);
  transition:
    border-color var(--transition-duration) var(--transition-timing-function),
    transform var(--transition-duration) var(--transition-timing-function);
}

.contacts-page .contacts-channel__value,
.contacts-page .contacts-contact-link {
  overflow-wrap: anywhere;
}

.contacts-page .contacts-method-card {
  color: var(--main);
  transition:
    border-color var(--transition-duration) var(--transition-timing-function),
    transform var(--transition-duration) var(--transition-timing-function);
}

.contacts-page .contacts-method-card__badge {
  padding: 5px var(--size-10);
  font-size: var(--text-sm);
  line-height: 1.2;
  background-color: rgba(79, 183, 166, 0.12);
}

.contacts-page .contacts-contact-link {
  font-size: var(--text-md);
}

.contacts-page .contacts-step {
  min-height: 200px;
}

.contacts-page .contacts-step__number {
  width: 50px;
  aspect-ratio: 1;
  color: var(--green);
  font-size: var(--text-md);
  border-radius: 50%;
  border: 2px solid rgba(79, 183, 166, 0.28);
  box-shadow: inset 0 0 0 8px rgba(79, 183, 166, 0.09);
}

.contacts-page .contacts-dark-card {
  min-height: 390px;
}

.contacts-page .contacts-dark-card__text,
.contacts-page .contacts-dark-list {
  max-width: 420px;
}

.contacts-page .contacts-dark-list {
  position: relative;
  z-index: 1;
}

.contacts-page .contacts-dark-card__image {
  position: absolute;
  right: -8px;
  bottom: -38px;
  width: 255px;
  max-width: 42%;
  border-radius: var(--radius-md) 0 0 0;
}

.contacts-page .contacts-consultation__box {
  background:
    linear-gradient(105deg, rgba(23, 33, 58, 0.96) 0%, rgba(16, 24, 39, 0.98) 100%),
    var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .contacts-page .contacts-channel:hover,
  .contacts-page .contacts-method-card:hover {
    border-color: rgba(79, 183, 166, 0.42);
    transform: translateY(-2px);
  }

  .contacts-page .contacts-contact-link:hover {
    color: var(--red);
  }
}

@media (max-width: 1023px) {
  .contacts-page .contacts-hero-card {
    max-width: none;
    margin-left: 0;
  }

  .contacts-page .contacts-dark-card {
    min-height: auto;
  }
}

@media (max-width: 639px) {
  .contacts-page .contacts-hero__title {
    font-size: 2.4rem;
  }

  .contacts-page .contacts-method-card,
  .contacts-page .contacts-message-card,
  .contacts-page .contacts-step {
    min-height: auto;
  }
}

/* FAQ page */
.faq-page .faq-hero__lead {
  max-width: 820px;
}

.faq-page .faq-search {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  max-width: 850px;
}

.faq-page .faq-search__icon {
  width: 44px;
}

.faq-page .faq-search__icon .icon,
.faq-page .faq-group__heading .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.faq-page .faq-search input {
  min-height: 44px;
  width: 100%;
  min-width: 0;
  padding: 0;
  border: 0;
  color: var(--main);
  background: transparent;
}

.faq-page .faq-search input::-moz-placeholder {
  color: var(--soft-text);
}

.faq-page .faq-search input::placeholder {
  color: var(--soft-text);
}

.faq-page .faq-chip {
  min-height: 38px;
}

.faq-page .faq-help-card {
  max-width: 520px;
  margin-left: auto;
}

.faq-page .faq-help-card__image {
  aspect-ratio: 16 / 9;
  background-color: var(--soft-blue);
}

.faq-page .faq-help-card__image img,
.faq-page .faq-consultation__image img {
  -o-object-position: center top;
     object-position: center top;
}

.faq-page .faq-hero__actions > a {
  min-height: 54px;
}

.faq-page .faq-popular-card {
  min-height: 190px;
}

.faq-page .faq-popular-card h3 {
  min-width: 0;
}

.faq-page .faq-popular-card__number {
  flex: 0 0 48px;
  font-size: 2.25rem;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.faq-page .faq-sidebar {
  align-self: start;
}

.faq-page .faq-sidebar__list a {
  color: rgba(255, 255, 255, 0.9);
}

.faq-page .faq-sidebar__number {
  width: 28px;
  aspect-ratio: 1;
  color: var(--green);
  background-color: rgba(79, 183, 166, 0.18);
  font-size: var(--text-sm);
}

.faq-page .faq-group__heading {
  border-bottom: 1px solid rgba(23, 33, 58, 0.08);
}

.faq-page .faq-group .faq-item {
  box-shadow: none;
  border: 1px solid rgba(23, 33, 58, 0.06);
}

.faq-page .faq-seo-board {
  min-height: 100%;
}

.faq-page .faq-seo-board__note {
  max-width: 430px;
}

.faq-page .faq-consultation__image {
  min-height: 260px;
}

@media (hover: hover) and (pointer: fine) {
  .faq-page .faq-chip:hover {
    color: var(--white);
    background-color: var(--green);
    transform: translateY(-2px);
  }

  .faq-page .faq-sidebar__list a:hover {
    color: var(--white);
  }
}

@media (min-width: 640px) {
  .faq-page .faq-hero__actions > a {
    min-width: 230px;
  }
}

@media (min-width: 1024px) {
  .faq-page .faq-sidebar {
    position: sticky;
    top: 105px;
  }
}

@media (max-width: 1023px) {
  .faq-page .faq-help-card {
    max-width: none;
    margin-left: 0;
  }
}

@media (max-width: 639px) {
  .faq-page .faq-search {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .faq-page .faq-search button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .faq-page .faq-help-card__image {
    aspect-ratio: 4 / 3;
  }

  .faq-page .faq-popular-card {
    min-height: auto;
  }

  .faq-page .faq-consultation__image {
    min-height: 240px;
  }
}

/* Cancellation page */
.cancellation-page .cancellation-hero__lead {
  max-width: 850px;
}

.cancellation-page .cancellation-hero__actions > a {
  min-height: 54px;
}

.cancellation-page .cancellation-rule-card {
  min-height: 100%;
  background:
    linear-gradient(135deg, rgba(234, 244, 255, 0.84), rgba(255, 255, 255, 0) 46%),
    var(--white);
}

.cancellation-page .cancellation-rule-card__number {
  font-family: var(--third-family);
  font-size: clamp(4.6rem, 9vw, 7.5rem);
  font-weight: 700;
  line-height: 0.85;
}

.cancellation-page .cancellation-rule-card__number small {
  font-family: var(--font-family);
  font-size: clamp(1.125rem, 2vw, 1.75rem);
  font-weight: 800;
}

.cancellation-page .cancellation-mini-rule {
  grid-template-columns: 42px minmax(0, 1fr);
  background-color: rgba(234, 244, 255, 0.42);
  border: 1px solid rgba(23, 33, 58, 0.07);
}

.cancellation-page .cancellation-mini-rule .adults-icon {
  width: 42px;
}

.cancellation-page .cancellation-pill {
  min-height: 34px;
  background-color: rgba(79, 183, 166, 0.13);
}

.cancellation-page .cancellation-pill--dark {
  color: var(--white);
  background-color: var(--main);
}

.cancellation-page .cancellation-situation-card {
  min-height: 236px;
}

.cancellation-page .cancellation-situation-card--dark {
  color: var(--white);
}

.cancellation-page .cancellation-situation-card--dark h3 {
  color: var(--white);
}

.cancellation-page .cancellation-situation-card--dark p,
.cancellation-page .cancellation-dark-muted {
  color: rgba(255, 255, 255, 0.76);
}

.cancellation-page .cancellation-situation-number {
  flex: 0 0 auto;
  font-size: 2.25rem;
  line-height: 1;
}

.cancellation-page .cancellation-policy-card {
  min-height: 100%;
}

.cancellation-page .cancellation-check-list li {
  grid-template-columns: 24px minmax(0, 1fr);
}

.cancellation-page .cancellation-check-list .icon,
.cancellation-page .cancellation-check-icon .icon {
  fill: currentColor;
  stroke: none;
}

.cancellation-page .cancellation-note {
  background-color: rgba(79, 183, 166, 0.12);
}

.cancellation-page .cancellation-step {
  position: relative;
}

.cancellation-page .cancellation-step__number {
  width: 78px;
  aspect-ratio: 1;
  color: var(--green);
  font-size: var(--text-2xl);
  border-radius: 50%;
  border: 2px solid rgba(79, 183, 166, 0.28);
  box-shadow: inset 0 0 0 8px rgba(79, 183, 166, 0.09);
}

.cancellation-page .cancellation-case-card {
  min-height: 185px;
}

.cancellation-page .cancellation-dark-board {
  min-height: 100%;
}

.cancellation-page .cancellation-dark-board__note {
  color: var(--green);
  line-height: 1;
}

.cancellation-page .cancellation-why-card {
  min-height: 165px;
}

.cancellation-page .cancellation-consultation__image {
  min-height: 260px;
}

.cancellation-page .cancellation-consultation__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

@media (hover: hover) and (pointer: fine) {
  .cancellation-page .cancellation-pill:hover {
    color: var(--white);
    background-color: var(--green);
    transform: translateY(-2px);
  }
}

@media (min-width: 640px) {
  .cancellation-page .cancellation-hero__actions > a {
    min-width: 230px;
  }
}

@media (min-width: 1024px) {
  .cancellation-page .cancellation-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 39px;
    right: -36px;
    width: 72px;
    height: 1px;
    background-color: rgba(100, 112, 134, 0.38);
  }
}

@media (max-width: 1023px) {
  .cancellation-page .cancellation-rule-card {
    max-width: none;
  }

  .cancellation-page .cancellation-situation-card,
  .cancellation-page .cancellation-case-card,
  .cancellation-page .cancellation-why-card {
    min-height: auto;
  }
}

@media (max-width: 639px) {
  .cancellation-page .cancellation-hero__title {
    font-size: 2.35rem;
  }

  .cancellation-page .cancellation-rule-card__number {
    font-size: 4.5rem;
  }

  .cancellation-page .cancellation-consultation__image {
    min-height: 230px;
  }
}

/* Privacy policy page */
.privacy-page {
  overflow-x: hidden;
  overflow-x: clip;
}

.privacy-page .privacy-hero {
  background:
    linear-gradient(115deg, rgba(234, 244, 255, 0.72), rgba(255, 255, 255, 0.94) 48%, rgba(251, 232, 227, 0.36)),
    var(--white);
}

.privacy-page .privacy-hero__lead {
  max-width: 850px;
}

.privacy-page .privacy-hero__actions > a {
  min-height: 54px;
}

.privacy-page .privacy-hero-summary {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.privacy-page .privacy-hero-summary article {
  border-bottom: 1px solid rgba(23, 33, 58, 0.08);
}

.privacy-page .privacy-hero-summary article:nth-child(odd) {
  border-right: 1px solid rgba(23, 33, 58, 0.08);
}

.privacy-page .privacy-hero-summary article:nth-last-child(-n + 2) {
  border-bottom: 0;
}

.privacy-page .privacy-hero-card {
  min-height: 100%;
}

.privacy-page .privacy-dark-tag {
  color: var(--green);
  background-color: rgba(79, 183, 166, 0.14);
}

.privacy-page .privacy-dark-muted {
  color: rgba(255, 255, 255, 0.76);
}

.privacy-page .privacy-hero-date {
  font-family: var(--third-family);
  font-size: clamp(2.6rem, 6vw, 4.4rem);
  font-weight: 700;
  line-height: 0.9;
}

.privacy-page .privacy-check-list li {
  grid-template-columns: 24px minmax(0, 1fr);
}

.privacy-page .privacy-check-list .icon,
.privacy-page .irina-box-advantages-icon .icon {
  fill: currentColor;
}

.privacy-page .privacy-owner-card {
  grid-template-columns: 72px minmax(0, 1fr);
  background-color: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.14);
}

.privacy-page .privacy-owner-card__image {
  width: 72px;
  aspect-ratio: 1;
  background-color: var(--soft-blue);
}

.privacy-page .privacy-owner-card__image img {
  -o-object-position: center top;
     object-position: center top;
}

.privacy-page .privacy-summary-card,
.privacy-page .privacy-service-card,
.privacy-page .privacy-right-card {
  min-height: 100%;
}

.privacy-page .privacy-summary-card .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.privacy-page .privacy-sidebar {
  align-self: start;
}

.privacy-page .privacy-toc a {
  grid-template-columns: minmax(0, 1fr) auto;
  color: var(--soft-text);
  border-bottom: 1px solid rgba(23, 33, 58, 0.08);
}

.privacy-page .privacy-toc b {
  color: var(--green);
  font-size: var(--text-sm);
}

.privacy-page .privacy-content-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  gap: var(--size-15);
}

.privacy-page .privacy-content-card__number,
.privacy-page .privacy-right-card__number {
  color: var(--green);
  border-radius: 50%;
  border: 2px solid rgba(79, 183, 166, 0.28);
  background-color: rgba(79, 183, 166, 0.12);
}

.privacy-page .privacy-content-card__number {
  width: 58px;
  aspect-ratio: 1;
  font-size: var(--text-lg);
}

.privacy-page .privacy-flow-card {
  position: relative;
  min-height: 170px;
}

.privacy-page .privacy-flow-card:not(:last-child)::after {
  content: "→";
  position: absolute;
  top: 46px;
  right: -18px;
  z-index: 2;
  color: rgba(100, 112, 134, 0.62);
  font-size: 1.4rem;
  line-height: 1;
}

.privacy-page .privacy-services-board {
  min-height: 100%;
}

.privacy-page .privacy-right-card__number {
  width: 42px;
  aspect-ratio: 1;
  color: var(--red);
  border-color: rgba(232, 93, 79, 0.22);
  background-color: rgba(251, 232, 227, 0.78);
}

.privacy-page .privacy-contact__text {
  max-width: 780px;
}

@media (hover: hover) and (pointer: fine) {
  .privacy-page .privacy-toc a:hover {
    color: var(--main);
  }
}

@media (min-width: 640px) {
  .privacy-page .privacy-hero__actions > a {
    min-width: 230px;
  }
}

@media (min-width: 1024px) {
  .privacy-page .privacy-sidebar {
    position: sticky;
    top: 105px;
  }
}

@media (max-width: 1023px) {
  .privacy-page .privacy-flow-card:not(:last-child)::after {
    display: none;
  }
}

@media (max-width: 639px) {
  .privacy-page .privacy-hero__title {
    font-size: 2.35rem;
  }

  .privacy-page .privacy-hero-summary {
    grid-template-columns: 1fr;
  }

  .privacy-page .privacy-hero-summary article,
  .privacy-page .privacy-hero-summary article:nth-child(odd) {
    border-right: 0;
    border-bottom: 1px solid rgba(23, 33, 58, 0.08);
  }

  .privacy-page .privacy-hero-summary article:last-child {
    border-bottom: 0;
  }

  .privacy-page .privacy-content-card,
  .privacy-page .privacy-owner-card {
    grid-template-columns: 1fr;
  }

  .privacy-page .privacy-hero-date {
    font-size: 2.7rem;
  }
}

/* Teachers archive page */
.teachers-page {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-x: clip;
}

.teachers-page .teachers-hero {
  background:
    linear-gradient(115deg, rgba(234, 244, 255, 0.72), rgba(255, 255, 255, 0.92) 48%, rgba(251, 232, 227, 0.36)),
    var(--white);
}

.teachers-page .teachers-hero__lead {
  max-width: 720px;
}

.teachers-page .teachers-hero__actions > a {
  min-height: 54px;
}

.teachers-page .teachers-hero__card {
  max-width: 560px;
}

.teachers-page .teachers-hero__image {
  min-height: 360px;
  background-color: var(--soft-blue);
}

.teachers-page .teachers-hero__image img,
.teachers-page .teachers-card__media img,
.teachers-page .teachers-card__photo img,
.teachers-page .teachers-consultation__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.teachers-page .teachers-hero__badge {
  max-width: 230px;
}

.teachers-page .teachers-hero__note {
  max-width: 300px;
}

.teachers-page .teachers-hero__script,
.teachers-page .teachers-board-note {
  font-size: 1.35rem;
  line-height: 0.95;
}

.teachers-page .teachers-hero-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.teachers-page .teachers-search {
  grid-template-columns: 44px minmax(0, 1fr) auto;
  border: 1px solid rgba(23, 33, 58, 0.08);
}

.teachers-page .teachers-search__icon {
  width: 44px;
}

.teachers-page .teachers-search__icon .icon,
.teachers-page .teachers-standard-card .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.teachers-page .teachers-search input {
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 0;
  border: 0;
  color: var(--main);
  background: transparent;
}

.teachers-page .teachers-search input::-moz-placeholder {
  color: var(--soft-text);
}

.teachers-page .teachers-search input::placeholder {
  color: var(--soft-text);
}

.teachers-page .teachers-chip {
  min-height: 34px;
  padding: var(--size-5) var(--size-15);
  color: var(--main);
  background-color: var(--soft-blue);
}

.teachers-page .teachers-chip--active {
  color: var(--white);
  background-color: var(--main);
}

.teachers-page .teachers-card {
  min-height: 100%;
  border: 1px solid rgba(23, 33, 58, 0.06);
  transition:
    transform var(--transition-duration) var(--transition-timing-function),
    border-color var(--transition-duration) var(--transition-timing-function);
}

.teachers-page .teachers-card--featured {
  border-color: rgba(79, 183, 166, 0.22);
}

.teachers-page .teachers-card__media {
  min-height: 280px;
  background-color: var(--soft-blue);
}

.teachers-page .teachers-card__photo {
  aspect-ratio: 16 / 10;
  background-color: var(--soft-blue);
}

.teachers-page .teachers-card__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--size-10);
  align-items: start;
}

.teachers-page .teachers-card__person h3 {
  font-size: var(--text-lg);
  line-height: var(--leading-tight);
}

.teachers-page .teachers-card__role {
  margin-top: var(--size-5);
  color: var(--soft-text);
  line-height: var(--leading-tight);
}

.teachers-page .teachers-card__level {
  align-self: start;
  padding: var(--size-5) var(--size-10);
  color: var(--main);
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
  white-space: nowrap;
}

.teachers-page .teachers-card__tags li {
  padding: var(--size-5) var(--size-10);
  color: var(--green);
  background-color: rgba(79, 183, 166, 0.12);
  border-radius: var(--radius-sm);
}

.teachers-page .teachers-card__meta p {
  min-width: 0;
  padding: var(--size-10);
  color: var(--soft-text);
  font-size: var(--text-sm);
  line-height: var(--leading-tight);
  background-color: rgba(234, 244, 255, 0.72);
  border-radius: var(--radius-sm);
}

.teachers-page .teachers-card__meta span {
  display: block;
  color: var(--main);
  font-weight: 700;
}

.teachers-page .teachers-card__buttons a {
  min-height: 40px;
  flex: 1 1 auto;
}

.teachers-page .teachers-sidebar {
  align-self: start;
}

.teachers-page .teachers-slots p {
  padding: var(--size-10);
  color: var(--main);
  font-weight: 700;
  line-height: var(--leading-tight);
  background-color: var(--soft-blue);
  border-radius: var(--radius-sm);
}

.teachers-page .teachers-slots span {
  display: block;
  color: var(--green);
  font-size: var(--text-xs);
}

.teachers-page .teachers-step,
.teachers-page .teachers-standard-card {
  min-height: 100%;
}

.teachers-page .teachers-reviews__note {
  max-width: 520px;
}

.teachers-page .teachers-faq__header {
  max-width: 760px;
}

.teachers-page .teachers-standard-card .adults-icon .icon {
  width: 0.62em;
  height: 0.62em;
}

@media (hover: hover) and (pointer: fine) {
  .teachers-page .teachers-chip:hover {
    color: var(--white);
    background-color: var(--green);
    transform: translateY(-2px);
  }

  .teachers-page .teachers-card:hover {
    border-color: rgba(79, 183, 166, 0.34);
    transform: translateY(-2px);
  }
}

@media (min-width: 640px) {
  .teachers-page .teachers-hero__actions > a {
    min-width: 240px;
  }
}

@media (min-width: 768px) {
  .teachers-page .teachers-hero-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .teachers-page .teachers-card--featured .teachers-card__media {
    min-height: 100%;
  }
}

@media (min-width: 1024px) {
  .teachers-page .teachers-hero-stats .adults-hero-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 48px;
    background-color: rgba(23, 33, 58, 0.08);
    transform: translateY(-50%);
  }

  .teachers-page .teachers-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 48px;
    right: -28px;
    width: 56px;
    height: 1px;
    background-color: rgba(100, 112, 134, 0.38);
  }

  .teachers-page .teachers-step {
    position: relative;
  }
}

@media (min-width: 1280px) {
  .teachers-page .teachers-sidebar {
    position: sticky;
    top: 105px;
  }
}

@media (max-width: 767px) {
  .teachers-page .teachers-hero__image {
    min-height: 310px;
  }

  .teachers-page .teachers-hero__note {
    left: var(--size-20);
    right: var(--size-20);
    max-width: none;
  }

  .teachers-page .teachers-card__media {
    min-height: 240px;
  }
}

@media (max-width: 639px) {
  .teachers-page .teachers-search {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .teachers-page .teachers-search button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .teachers-page .teachers-filter {
    padding: var(--size-10);
  }

  .teachers-page .teachers-card__buttons {
    width: 100%;
  }

  .teachers-page .teachers-card__buttons a {
    min-width: 0;
  }
}

/* Single article page */
.single-page {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-x: clip;
}

.single-page .single-hero {
  background:
    linear-gradient(115deg, rgba(234, 244, 255, 0.72), rgba(255, 255, 255, 0.94) 48%, rgba(251, 232, 227, 0.36)),
    var(--white);
}

.single-page .single-hero__lead {
  max-width: 820px;
}

.single-page .single-author__avatar {
  width: 42px;
  aspect-ratio: 1;
  background-color: var(--soft-blue);
}

.single-page .single-author__avatar img,
.single-page .single-author-box__avatar img,
.single-page .single-hero-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.single-page .single-meta-dot {
  width: 5px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: rgba(100, 112, 134, 0.42);
}

.single-page .single-hero__actions > a {
  min-height: 54px;
}

.single-page .single-hero-card {
  max-width: 560px;
  margin-left: auto;
}

.single-page .single-hero-card__image {
  aspect-ratio: 16 / 10;
}

.single-page .single-hero-card__image img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

.single-page .single-handwritten {
  font-size: 1.45rem;
  line-height: 0.95;
}

.single-page .single-read-circle {
  flex: 0 0 74px;
  width: 74px;
  aspect-ratio: 1;
}

.single-page .single-hero-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.single-page .single-layout {
  align-items: start;
}

.single-page .single-toc a {
  display: inline-flex;
  color: var(--soft-text);
}

.single-page .single-toc a::before {
  content: "";
  width: 7px;
  aspect-ratio: 1;
  margin-top: 0.36em;
  margin-right: var(--size-10);
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: rgba(79, 183, 166, 0.42);
}

.single-page .single-article-box,
.single-page .single-practice,
.single-page .single-quote,
.single-page .single-inline-cta,
.single-page .single-author-box {
  margin-bottom: var(--size-20);
}

.single-page .single-reason {
  min-height: 100%;
}

.single-page .single-steps {
  counter-reset: article-step;
}

.single-page .single-step {
  grid-template-columns: auto minmax(0, 1fr);
  padding: var(--size-15);
  border: 1px solid rgba(23, 33, 58, 0.08);
  background-color: rgba(234, 244, 255, 0.38);
}

.single-page .start-step__number {
  width: 38px;
  aspect-ratio: 1;
  color: var(--green);
  border: 2px solid rgba(79, 183, 166, 0.34);
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: 0 0 0 6px rgba(79, 183, 166, 0.1);
}

.single-page .single-table {
  min-width: 520px;
  border-collapse: collapse;
}

.single-page .single-table th,
.single-page .single-table td {
  padding: var(--size-10);
  border: 1px solid rgba(23, 33, 58, 0.08);
  text-align: left;
  vertical-align: top;
}

.single-page .single-table th {
  color: var(--main);
  background-color: var(--soft-blue);
}

.single-page .single-table td:first-child {
  color: var(--main);
  font-weight: 700;
}

.single-page .single-quote {
  color: var(--main);
  border-left: 4px solid var(--red);
}

.single-page .single-author-box__avatar {
  width: 96px;
  aspect-ratio: 1;
  background-color: var(--soft-blue);
}

.single-page .single-sidebar-stack {
  align-self: start;
}

.single-page .single-sidebar-card .icon,
.single-page .single-article-box .icon {
  fill: currentColor;
}

.single-page .single-sidebar-cta {
  border-color: rgba(232, 93, 79, 0.2);
}

.single-page .single-inline-cta a,
.single-page .single-sidebar-cta a {
  min-height: 44px;
  white-space: nowrap;
}

@media (hover: hover) and (pointer: fine) {
  .single-page .single-toc a:hover {
    color: var(--red);
  }
}

@media (min-width: 640px) {
  .single-page .single-hero__actions > a {
    min-width: 240px;
  }
}

@media (min-width: 768px) {
  .single-page .single-hero-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1280px) {
  .single-page .single-aside {
    position: sticky;
    top: 105px;
  }
}

@media (max-width: 1279px) {
  .single-page .single-toc ol {
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  }
}

@media (max-width: 767px) {
  .single-page .single-meta-dot {
    display: none;
  }

  .single-page .single-hero-card {
    max-width: none;
  }

  .single-page .single-hero-card__image {
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 639px) {
  .single-page .single-read-circle {
    width: 64px;
    flex-basis: 64px;
  }

  .single-page .single-author-box__avatar {
    width: 78px;
  }
}

/* Lessons page */
.lessons-page {
  min-height: 100vh;
  overflow-x: hidden;
  overflow-x: clip;
}

.lessons-page .lessons-hero {
  background:
    linear-gradient(115deg, rgba(234, 244, 255, 0.72), rgba(255, 255, 255, 0.94) 48%, rgba(251, 232, 227, 0.36)),
    var(--white);
}

.lessons-page .lessons-hero__lead {
  max-width: 760px;
}

.lessons-page .lessons-hero__note {
  font-size: 1.55rem;
  line-height: 0.95;
}

.lessons-page .lessons-hero-card {
  position: relative;
  max-width: 600px;
  margin-left: auto;
}

.lessons-page .lessons-hero-card__image {
  aspect-ratio: 16 / 10;
}

.lessons-page .lessons-hero-card__image img,
.lessons-page .lessons-audience-card__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center top;
     object-position: center top;
}

.lessons-page .lessons-hero-card__panel {
  position: absolute;
  right: var(--size-30);
  bottom: var(--size-30);
  width: min(56%, 340px);
}

.lessons-page .lessons-mini-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.lessons-page .lessons-hero-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.lessons-page .lessons-card,
.lessons-page .lessons-step,
.lessons-page .lessons-map-card,
.lessons-page .lessons-material-card,
.lessons-page .lessons-audience-card {
  min-height: 100%;
}

.lessons-page .lessons-icon .icon,
.lessons-page .lessons-card .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.lessons-page .lessons-process {
  align-items: stretch;
}

.lessons-page .lessons-step {
  position: relative;
}

.lessons-page .lessons-step__number {
  width: 44px;
  aspect-ratio: 1;
  color: var(--green);
  font-size: var(--text-lg);
  border: 2px solid rgba(79, 183, 166, 0.34);
  border-radius: 50%;
  background-color: var(--white);
  box-shadow: 0 0 0 7px rgba(79, 183, 166, 0.1);
}

.lessons-page .lessons-dark-tag {
  color: var(--green);
  background-color: rgba(79, 183, 166, 0.14);
}

.lessons-page .lessons-map-card--green {
  background-color: rgba(79, 183, 166, 0.12);
}

.lessons-page .lessons-platform-card {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
}

.lessons-page .lessons-platform-label {
  width: 86px;
  aspect-ratio: 1;
  border-radius: var(--radius-xl);
  background-color: var(--main);
  font-size: var(--text-lg);
  line-height: var(--leading-tight);
}

.lessons-page .lessons-platform-label--soft {
  color: var(--main);
  background-color: var(--soft-pink);
}

.lessons-page .lessons-material-card__top {
  min-height: 170px;
}

.lessons-page .lessons-sheet {
  width: min(100%, 240px);
}

.lessons-page .lessons-sheet span {
  display: block;
  height: 8px;
  margin-top: var(--size-10);
  border-radius: 999px;
  background-color: rgba(100, 112, 134, 0.2);
}

.lessons-page .lessons-sheet span:nth-of-type(1) {
  width: 90%;
}

.lessons-page .lessons-sheet span:nth-of-type(2) {
  width: 70%;
}

.lessons-page .lessons-sheet span:nth-of-type(3) {
  width: 82%;
}

.lessons-page .lessons-progress__track {
  height: 12px;
  background-color: var(--soft-blue);
}

.lessons-page .lessons-progress__track span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background-color: var(--green);
}

.lessons-page .lessons-audience-card__image {
  min-height: 310px;
}

.lessons-page .irina-box-advantages-icon .icon {
  fill: currentColor;
}

@media (min-width: 768px) {
  .lessons-page .lessons-hero-stats {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}

@media (min-width: 1024px) {
  .lessons-page .lessons-hero-stats .adults-hero-stat:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 48px;
    background-color: rgba(23, 33, 58, 0.08);
    transform: translateY(-50%);
  }
}

@media (min-width: 1280px) {
  .lessons-page .lessons-step:not(:last-child)::after {
    content: "→";
    position: absolute;
    top: 40px;
    right: -24px;
    z-index: 2;
    width: 28px;
    color: rgba(100, 112, 134, 0.6);
    font-size: 1.55rem;
    line-height: 1;
    text-align: center;
  }
}

@media (max-width: 1023px) {
  .lessons-page .lessons-hero-card {
    max-width: none;
    margin-left: 0;
  }

  .lessons-page .lessons-hero-card__panel {
    position: static;
    width: auto;
    margin-top: var(--size-15);
  }
}

@media (max-width: 767px) {
  .lessons-page .lessons-hero__title {
    font-size: 2.4rem;
  }

  .lessons-page .lessons-mini-grid,
  .lessons-page .lessons-platform-card {
    grid-template-columns: 1fr;
  }

  .lessons-page .lessons-platform-label {
    width: 72px;
  }

  .lessons-page .lessons-audience-card__image {
    min-height: 240px;
  }
}

/* Test page */
.test-page {
  background-color: #fffaf4;
}

.test-hero {
  background: linear-gradient(135deg, #fffdf8 0%, rgba(234, 244, 255, 0.88) 100%);
}

.test-kicker,
.test-progress__label,
.test-question__section {
  color: var(--green);
}

.test-badge {
  border: 1px solid rgba(23, 33, 58, 0.08);
}

.test-feature,
.test-panel,
.test-sidebar,
.test-result,
.test-faq-item {
  background-color: var(--white);
  border: 1px solid rgba(23, 33, 58, 0.08);
  box-shadow: 0 14px 30px rgba(23, 33, 58, 0.06);
}

.test-feature__icon,
.test-check {
  width: 36px;
  aspect-ratio: 1;
  color: var(--green);
  background-color: rgba(79, 183, 166, 0.14);
}

.test-feature__icon .icon {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.test-layout {
  align-items: start;
}

.test-sidebar {
  position: sticky;
  top: 98px;
}

.test-progress__track {
  height: 10px;
  background-color: var(--soft-blue);
}

.test-progress__bar {
  width: var(--test-progress, 0%);
  background-color: var(--green);
}

.test-option {
  min-height: 62px;
  text-align: left;
  border: 1px solid rgba(23, 33, 58, 0.1);
  background-color: var(--white);
}

.test-option:hover,
.test-option:focus-visible,
.test-option.is-selected {
  border-color: var(--green);
  background-color: rgba(79, 183, 166, 0.16);
}

.test-option__marker {
  width: 22px;
  aspect-ratio: 1;
  border: 1px solid rgba(23, 33, 58, 0.22);
}

.test-option.is-selected .test-option__marker {
  color: var(--white);
  border-color: var(--green);
  background-color: var(--green);
}

.test-option .icon {
  opacity: 0;
}

.test-option.is-selected .icon {
  opacity: 1;
}

.test-question-nav {
  grid-template-columns: repeat(auto-fit, minmax(30px, 1fr));
}

.test-question-dot {
  min-height: 30px;
  color: var(--soft-text);
  border: 1px solid rgba(23, 33, 58, 0.1);
  background-color: #f8fafc;
}

.test-question-dot.is-answered {
  color: var(--green);
  border-color: rgba(79, 183, 166, 0.45);
  background-color: rgba(79, 183, 166, 0.14);
}

.test-question-dot.is-current {
  color: var(--white);
  border-color: var(--red);
  background-color: var(--red);
}

.test-question-dot.is-skipped {
  color: var(--main);
  border-color: rgba(23, 33, 58, 0.14);
  background-color: var(--soft-blue);
}

.test-circle {
  width: 168px;
  aspect-ratio: 1;
  margin-inline: auto;
  background:
    radial-gradient(circle at center, var(--white) 58%, transparent 59%),
    conic-gradient(var(--green) var(--test-progress, 0%), var(--soft-blue) 0);
}

.test-skill__track {
  height: 9px;
  background-color: var(--soft-blue);
}

.test-skill__bar {
  width: var(--skill-progress, 0%);
  background-color: var(--green);
}

.test-result__level {
  background: linear-gradient(135deg, #17213a 0%, #101827 100%);
  box-shadow: 0 18px 36px rgba(23, 33, 58, 0.16);
}

.test-level-scale {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.test-level-step {
  color: rgba(255, 255, 255, 0.52);
}

.test-level-step.is-active {
  color: var(--green);
}

.test-result__avatar {
  width: 80px;
  aspect-ratio: 1;
}

.test-result__avatar img,
.test-consultation__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.test-consultation {
  background: linear-gradient(135deg, #17213a 0%, #101827 100%);
}

.test-consultation__image {
  min-height: 180px;
}

.test-faq-item {
  min-height: 58px;
}

.test-hidden {
  display: none !important;
}

@media (width < 64rem) {
  .test-sidebar {
    position: static;
  }
}

@media (width < 48rem) {
  .test-option {
    min-height: 56px;
  }

  .test-circle {
    width: 136px;
  }

  .test-result__avatar {
    width: 64px;
  }
}

/* === Медиа запросы === */

/* 512px xs */
@media (width >= 32rem) {
  /* min-width */
  /* От 512px */

  /* src/css/pages/home.css */
  .b14-test-box {
    padding: var(--size-20);
  }

  .test-level__button {
    max-width: 240px;
  }

  .test-preview__progress {
    justify-content: flex-start;
  }

  .test-preview__circle {
    width: 76px;
  }

  .final-cta {
    padding: var(--size-20);
  }

  .final-cta__actions {
    flex-direction: row;
    align-items: center;
  }

  .final-cta__button {
    width: auto;
  }

  .final-cta__photo img {
    aspect-ratio: 4 / 3;
  }
}
/* 640px sm */
@media (width >=40rem) {
  /* min-width */
  /* От 640px */

  .adults-program-board__item:nth-child(2) {
    border-top: 0;
  }

  .adults-hero-stat__icon {
    width: 30px;
  }

}
/* 768px md */
@media (width >=48rem) {
  /* min-width */
  /* От 768px */

  /* src/css/pages/home.css */
  .review-card {
    min-height: 180px;
  }

  .review-card__photo {
    width: 78px;
  }

  .adults-hero-stat__icon {
    width: 40px;
  }

  /* src/css/layout/footer.css */
  .footer-brand__text {
    max-width: 380px;
  }

  .footer-social__link {
    width: 28px;
    height: 28px;
  }

  .modal-social-media {
    max-width: 800px;
    padding: 32px;
  }

  .modal-box-img-mobile {
    width: 95px;
  }

  .box-social li {
    flex: none;
  }
}
/* 1024px lg */
@media (width >=64rem) {
  /* min-width */
  /* От 1024px */

  /* src/css/pages/home.css */
  .a-main>.b2,
  .a-main>.b3.bg-soft-blue {
    background: linear-gradient(180deg, rgba(234, 244, 255, 0.48), rgba(250, 252, 255, 0.35));
  }

  .a-main>.b7,
  .a-main>.b8,
  .a-main>.b9 {
    background: linear-gradient(180deg, #fffdf8, rgba(255, 252, 247, 0.72));
  }

  .a-main>.b10,
  .a-main>.b11,
  .a-main>.b12 {
    background: linear-gradient(180deg, rgba(234, 244, 255, 0.32), rgba(255, 255, 255, 0.88));
  }

  .a-main>.b15,
  .a-main>.b16,
  .a-main>.b17 {
    background-color: #fffdf8;
  }

  .b2 .arround-right,
  .b4 .arround-right,
  .b8 .arround-right,
  .b12 .team-intro__link,
  .b17 .arround-right {
    color: var(--soft-text);
  }

  .b1.pt-30 {
    padding-top: 0;
  }

  .b1 {
    background-color: var(--white);
  }

  .b1 .hero-layout {
    display: grid;
    position: relative;
    min-height: clamp(500px, 35.5vw, 560px);
    align-items: stretch;
  }

  .b1 .hero-copy {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    padding-block: var(--size-50);
  }

  .b1 .hero-copy__inner {
    width: 100%;
    max-width: 760px;
  }

  .b1 .hero-title {
    order: 1;
    max-width: 760px;
    font-size: clamp(2.6rem, 3.35vw, 3.85rem);
    line-height: 1.08;
  }

  .b1 .hero-title h1 {
    line-height: inherit;
  }

  .b1 .hero-trust {
    font-size: var(--text-lg);
  }

  .b1 .hero-trust .i-header-heart {
    width: 22px;
    height: 22px;
  }

  .b1 .hero-mobile-image {
    display: none;
  }

  .b1 .hero-features {
    display: flex;
    order: 3;
    justify-content: flex-start;
    align-items: center;
    gap: clamp(var(--size-20), 2.6vw, var(--size-40));
    max-width: 660px;
    font-size: var(--text-base);
    line-height: 1.2;
  }

  .b1 .hero-features li {
    align-items: center;
  }

  .b1 .hero-features .icon {
    --size: 32px;
  }

  .b1 .hero-actions {
    order: 4;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--size-20);
    z-index: 2;
  }

  .b1 .hero-actions .btn-clear {
    width: auto;
    min-width: 250px;
    min-height: 60px;
    padding-inline: var(--size-25);
    border-radius: var(--radius-md);
  }

  .b1 .hero-actions .btn-outline-red {
    background-color: rgba(255, 255, 255, 0.65);
  }

  .b1 .hero-actions .btn-outline-red:hover,
  .b1 .hero-actions .btn-outline-red:focus-visible {
    color: var(--white);
    background-color: var(--red);
  }

  .b1 .hero-desktop-image {
    position: relative;
    min-height: inherit;
  }

  .b1 .hero-desktop-image .header-box-img,
  .b1 .hero-desktop-image picture {
    display: block;
    height: 100%;
    min-height: inherit;
  }

  .b1 .hero-desktop-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }

  .b1 .header-box-img::before {
    /* width: 38%; */
    width: 10%;
    background: linear-gradient(to right,
      #fff 0%,
      rgba(255, 255, 255, 0.96) 26%,
      rgba(255, 255, 255, 0.72) 55%,
      rgba(255, 255, 255, 0) 100%);
  }

  .b1-page .header-box-img::before {
    width: 15%;
  }

  .b2 .Swiper-1 .box-card {
    min-height: 160px;
    background-color: rgba(255, 255, 255, 0.88);
    filter: drop-shadow(0 8px 8px rgba(23, 33, 58, 0.05));
  }

  .b2 .Swiper-1 .box-svg {
    width: 42px;
  }

  .b2 .Swiper-1 .soft-outline-icon .icon {
    --size: 28px;
  }

  .b2 .Swiper-1 .box-des h3 {
    font-size: var(--text-md);
    line-height: 1.16;
  }

  .b2 .Swiper-1 .box-des p {
    color: var(--soft-text);
    font-size: var(--text-base);
  }

  .b2 .self-check-note {
    flex: 0 0 190px;
    min-height: 160px;
    padding-inline: var(--size-10);
    color: rgba(23, 33, 58, 0.55);
    font-size: clamp(1.65rem, 2.1vw, 2.2rem);
    line-height: 0.95;
    font-weight: 600;
    transform: rotate(-3deg);
  }

  .b2 .self-check-note__icon {
    width: 32px;
    height: 32px;
    margin-top: var(--size-10);
    align-self: center;
    color: rgba(23, 33, 58, 0.48);
  }

  .b5 .irina-box-advantages-list {
    padding: var(--size-20) var(--size-25);
  }

  .b5 .irina-box-details>img {
    width: 34px;
    height: 34px;
  }

  .b5 .irina-box-details blockquote {
    font-size: var(--text-md);
    line-height: 1.45;
  }

  .b5 .irina-box-details figcaption {
    padding-right: var(--size-60);
    color: rgba(23, 33, 58, 0.56);
    font-size: clamp(1.5rem, 2vw, 2.25rem);
    line-height: 1.05;
  }

  .b5 .bg-heart {
    background-position: calc(100% - var(--size-10)) 50%;
    background-size: 38px;
  }

  .b3 {
    border-block: 0;
  }

  .b3 .box-card {
    padding: 0 var(--size-5) 0 0;
    border-color: transparent;
    border-radius: 0;
    background-color: transparent;
  }

  .b3 .box-svg {
    width: 48px;
  }

  .b3 .border-around-green {
    border-color: rgba(79, 183, 166, 0.34);
    background-color: rgba(255, 255, 255, 0.56);
  }

  .b3 .soft-outline-icon .icon {
    --size: 28px;
  }

  .b3 h3 {
    font-size: var(--text-md);
    line-height: 1.16;
  }

  .b3 p {
    color: var(--soft-text);
    font-size: var(--text-base);
  }

  .box-program-intro p {
    max-width: 240px;
    color: var(--soft-text);
    font-size: var(--text-base);
    line-height: 1.35;
  }

  .box-program-intro picture {
    max-width: 230px;
  }

  .b7 .box-program {
    align-self: stretch;
    padding: var(--size-25);
    overflow: visible;
    scroll-snap-type: none;
  }

  .b7 .box-program__item {
    flex: 1 1 0;
    min-height: 210px;
    padding: var(--size-15) var(--size-20);
  }

  .b7 .box-program__item:first-child {
    flex-basis: 13%;
    padding-left: var(--size-10);
    min-width: 120px;
  }

  .b7 .box-program__item:nth-child(2) {
    flex-basis: 22%;
    min-width: 170px;
  }

  .b7 .box-program__item:nth-child(3) {
    flex-basis: 16%;
    min-width: 170px;
  }

  .b7 .box-program__item:nth-child(4) {
    flex-basis: 24%;
  }

  .b7 .box-program__item:last-child {
    flex-basis: 21%;
    padding-right: var(--size-10);
  }

  .b13 .start-step {
    grid-template-columns: 70px minmax(0, 1fr);
    padding: 0;
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
  }

  .start-step__number {
    width: 70px;
    color: var(--green);
    border-color: rgba(79, 183, 166, 0.34);
    font-size: 2rem;
    box-shadow: inset 0 0 0 6px rgba(79, 183, 166, 0.08);
  }

  .b15 .faq-item {
    background-color: rgba(255, 255, 255, 0.78);
    box-shadow: none;
  }

  .b14-test-box {
    padding: var(--size-30);
  }

  .test-preview {
    width: min(100%, 660px);
    grid-template-columns: minmax(0, 1fr) 116px;
    align-items: center;
    padding: var(--size-20) var(--size-30);
  }

  .test-preview__answers {
    grid-column: 1;
  }

  .test-preview__progress {
    grid-column: 2;
    grid-row: 1 / span 2;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }

  .final-cta {
    min-height: 250px;
    padding: var(--size-30);
  }

  .final-cta__content {
    min-height: 190px;
    width: min(52%, 600px);
    grid-template-columns: minmax(0, 1fr);
    align-items: center;
  }

  .final-cta__copy {
    max-width: 600px;
  }

  .final-cta__photo {
    position: absolute;
    inset: 0 0 0 auto;
    width: clamp(520px, 52%, 860px);
    margin: 0;
    border-radius: 0;
    box-shadow: none;
  }

  .final-cta__photo::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, #11192c 0%, rgba(17, 25, 44, 0.72) 26%, rgba(17, 25, 44, 0) 62%);
  }

  .final-cta__photo img {
    height: 100%;
    aspect-ratio: auto;
    -o-object-position: center 18%;
       object-position: center 18%;
  }

  .video-lessons__arrow {
    width: 70px;
  }

  .adults-hero-stats {
    & li {
      &:nth-child(even)::after {
        display: block;
      }

      &:not(:last-child)::after {
        content: '';
        position: absolute;
        background-color: rgba(23, 33, 58, 0.08);
        width: 2px;
        height: 55px;
        right: 0;
        top: 50%;
        bottom: auto;
        left: auto;
        transform: translate(0, -50%);
      }
    }
  }

  @media (hover: hover) and (pointer: fine) {

    .b2 .arround-right:hover,
    .b4 .arround-right:hover,
    .b8 .arround-right:hover,
    .b12 .team-intro__link:hover,
    .b17 .arround-right:hover {
      color: var(--red);
    }
  }

  /* src/css/page/adults.css */
  .adults-program-board__item {
    border-left: 1px solid rgba(255, 255, 255, 0.18);

    &:not(:last-child) {
      border-bottom: 0;
    }
  }

  .adults-program-board__item:first-child {
    border-left: 0;
  }

  /* src/css/layout/footer.css */
  .footer-column {
    padding-left: var(--size-20);
    border-left: 1px solid rgba(23, 33, 58, 0.1);
  }
}
/* 1280px xl */
@media (width >= 80rem) {
  /* min-width */
  /* От 1280px */

  /* src/css/pages/home.css */
  .b1 .hero-layout {
    min-height: clamp(500px, 35.5vw, 560px);
  }

  .b1 .hero-copy {
    padding-block: var(--size-60);
  }

  .b1 .hero-actions .btn-clear {
    min-width: 260px;
  }

  .b2 .self-check-note {
    flex-basis: 240px;
  }

  .b2 .Swiper-1 .box-card {
    min-height: 170px;
  }

  .box-program-intro picture {
    max-width: 285px;
  }

  .b7 .box-program {
    padding: var(--size-30);
  }

  .b7 .box-program__item {
    padding-inline: var(--size-30);
  }

  .student-results__number {
    font-size: 1.7rem;
  }

  .b11 .pricing-list {
    grid-auto-flow: row;
    grid-auto-columns: initial;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(185px, 0.98fr);
    overflow-x: visible;
    scroll-snap-type: none;
  }

  .blog-card__link {
    min-height: 340px;
  }

  #results .results-step__arrow {
    top: 50%;
    left: calc(100% + var(--size-10));
    transform: translate(-50%, -50%);
    z-index: 2;
    pointer-events: none;
  }

  .video-lessons__arrow {
      width: 80px;
  }
}
/* 1536px 2xl */
@media (width >=96rem) {

  /* min-width */
  /* От 1536px */
  .video-lessons__arrow {
    width: 96px;
  }
}
/* === Утилиты === */
/* ==========================================================================
   6. UTILITIES (Display, Flex, Spacing, Visuals)
   ========================================================================== */

/* Display */
.hidden { display: none; }
.block { display: block; }
.inline { display: inline; }
.inline-block { display: inline-block; }
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.grid { display: grid; }
.inline-grid { display: inline-grid; }
.contents { display: contents; }

/* Visibility */
.visible { visibility: visible; }
.invisible { visibility: hidden; }

/* Flex */
.flex-row { flex-direction: row; }
.flex-col { flex-direction: column; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-col-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: none; }
.grow { flex-grow: 1; }
.grow-0 { flex-grow: 0; }
.shrink { flex-shrink: 1; }
.shrink-0 { flex-shrink: 0; }

/* Justify */
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }
.justify-items-start { justify-items: start; }
.justify-items-end { justify-items: end; }
.justify-items-center { justify-items: center; }
.justify-items-stretch { justify-items: stretch; }
.justify-self-auto { justify-self: auto; }
.justify-self-start { justify-self: start; }
.justify-self-end { justify-self: end; }
.justify-self-center { justify-self: center; }
.justify-self-stretch { justify-self: stretch; }

/* Align */
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-center { align-content: center; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-evenly { align-content: space-evenly; }
.content-stretch { align-content: stretch; }
.self-auto { align-self: auto; }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-baseline { align-self: baseline; }
.self-stretch { align-self: stretch; }
.place-items-start { place-items: start; }
.place-items-end { place-items: end; }
.place-items-center { place-items: center; }
.place-items-baseline { place-items: baseline; }
.place-items-stretch { place-items: stretch; }
.place-content-start { place-content: start; }
.place-content-end { place-content: end; }
.place-content-center { place-content: center; }
.place-content-between { place-content: space-between; }
.place-content-around { place-content: space-around; }
.place-content-evenly { place-content: space-evenly; }
.place-content-stretch { place-content: stretch; }
.place-self-auto { place-self: auto; }
.place-self-start { place-self: start; }
.place-self-end { place-self: end; }
.place-self-center { place-self: center; }
.place-self-stretch { place-self: stretch; }

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

/* Grid */
.grid-flow-row { grid-auto-flow: row; }
.grid-flow-col { grid-auto-flow: column; }
.grid-flow-dense { grid-auto-flow: dense; }
.grid-flow-row-dense { grid-auto-flow: row dense; }
.grid-flow-col-dense { grid-auto-flow: column dense; }
.grid-cols-none { grid-template-columns: none; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
.grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
.grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
.grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
.grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
.grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
.grid-rows-none { grid-template-rows: none; }
.grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
.grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
.grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
.grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
.grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
.grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
.grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
.grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
.grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
.grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
.grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
.grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
.auto-cols-auto { grid-auto-columns: auto; }
.auto-cols-min { grid-auto-columns: min-content; }
.auto-cols-max { grid-auto-columns: max-content; }
.auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
.auto-rows-auto { grid-auto-rows: auto; }
.auto-rows-min { grid-auto-rows: min-content; }
.auto-rows-max { grid-auto-rows: max-content; }
.auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
.col-auto { grid-column: auto; }
.col-span-1 { grid-column: span 1 / span 1; }
.col-span-2 { grid-column: span 2 / span 2; }
.col-span-3 { grid-column: span 3 / span 3; }
.col-span-4 { grid-column: span 4 / span 4; }
.col-span-5 { grid-column: span 5 / span 5; }
.col-span-6 { grid-column: span 6 / span 6; }
.col-span-7 { grid-column: span 7 / span 7; }
.col-span-8 { grid-column: span 8 / span 8; }
.col-span-9 { grid-column: span 9 / span 9; }
.col-span-10 { grid-column: span 10 / span 10; }
.col-span-11 { grid-column: span 11 / span 11; }
.col-span-12 { grid-column: span 12 / span 12; }
.col-span-full { grid-column: 1 / -1; }
.col-start-auto { grid-column-start: auto; }
.col-start-1 { grid-column-start: 1; }
.col-start-2 { grid-column-start: 2; }
.col-start-3 { grid-column-start: 3; }
.col-start-4 { grid-column-start: 4; }
.col-start-5 { grid-column-start: 5; }
.col-start-6 { grid-column-start: 6; }
.col-start-7 { grid-column-start: 7; }
.col-start-8 { grid-column-start: 8; }
.col-start-9 { grid-column-start: 9; }
.col-start-10 { grid-column-start: 10; }
.col-start-11 { grid-column-start: 11; }
.col-start-12 { grid-column-start: 12; }
.col-start-13 { grid-column-start: 13; }
.col-end-auto { grid-column-end: auto; }
.col-end-1 { grid-column-end: 1; }
.col-end-2 { grid-column-end: 2; }
.col-end-3 { grid-column-end: 3; }
.col-end-4 { grid-column-end: 4; }
.col-end-5 { grid-column-end: 5; }
.col-end-6 { grid-column-end: 6; }
.col-end-7 { grid-column-end: 7; }
.col-end-8 { grid-column-end: 8; }
.col-end-9 { grid-column-end: 9; }
.col-end-10 { grid-column-end: 10; }
.col-end-11 { grid-column-end: 11; }
.col-end-12 { grid-column-end: 12; }
.col-end-13 { grid-column-end: 13; }
.row-auto { grid-row: auto; }
.row-span-1 { grid-row: span 1 / span 1; }
.row-span-2 { grid-row: span 2 / span 2; }
.row-span-3 { grid-row: span 3 / span 3; }
.row-span-4 { grid-row: span 4 / span 4; }
.row-span-5 { grid-row: span 5 / span 5; }
.row-span-6 { grid-row: span 6 / span 6; }
.row-span-7 { grid-row: span 7 / span 7; }
.row-span-8 { grid-row: span 8 / span 8; }
.row-span-9 { grid-row: span 9 / span 9; }
.row-span-10 { grid-row: span 10 / span 10; }
.row-span-11 { grid-row: span 11 / span 11; }
.row-span-12 { grid-row: span 12 / span 12; }
.row-span-full { grid-row: 1 / -1; }
.row-start-auto { grid-row-start: auto; }
.row-start-1 { grid-row-start: 1; }
.row-start-2 { grid-row-start: 2; }
.row-start-3 { grid-row-start: 3; }
.row-start-4 { grid-row-start: 4; }
.row-start-5 { grid-row-start: 5; }
.row-start-6 { grid-row-start: 6; }
.row-start-7 { grid-row-start: 7; }
.row-start-8 { grid-row-start: 8; }
.row-start-9 { grid-row-start: 9; }
.row-start-10 { grid-row-start: 10; }
.row-start-11 { grid-row-start: 11; }
.row-start-12 { grid-row-start: 12; }
.row-start-13 { grid-row-start: 13; }
.row-end-auto { grid-row-end: auto; }
.row-end-1 { grid-row-end: 1; }
.row-end-2 { grid-row-end: 2; }
.row-end-3 { grid-row-end: 3; }
.row-end-4 { grid-row-end: 4; }
.row-end-5 { grid-row-end: 5; }
.row-end-6 { grid-row-end: 6; }
.row-end-7 { grid-row-end: 7; }
.row-end-8 { grid-row-end: 8; }
.row-end-9 { grid-row-end: 9; }
.row-end-10 { grid-row-end: 10; }
.row-end-11 { grid-row-end: 11; }
.row-end-12 { grid-row-end: 12; }
.row-end-13 { grid-row-end: 13; }

/* Sizing & Models */
.w-auto { width: auto; }
.w-full { width: 100%; }
.w-fit { width: -moz-fit-content; width: fit-content; }
.h-auto { height: auto; }
.h-full { height: 100%; }
.h-fit { height: -moz-fit-content; height: fit-content; }
.min-w-0 { min-width: 0; }
.max-w-full { max-width: 100%; }

/* Margins & Paddings (Generated base classes) */
.m-0 { margin: 0; }
.m-5 { margin: var(--size-5); }
.m-10 { margin: var(--size-10); }
.m-15 { margin: var(--size-15); }
.m-16 { margin: var(--size-16); }
.m-20 { margin: var(--size-20); }
.m-25 { margin: var(--size-25); }
.m-30 { margin: var(--size-30); }
.m-35 { margin: var(--size-35); }
.m-40 { margin: var(--size-40); }
.m-45 { margin: var(--size-45); }
.m-50 { margin: var(--size-50); }
.m-55 { margin: var(--size-55); }
.m-60 { margin: var(--size-60); }
.m-65 { margin: var(--size-65); }
.m-70 { margin: var(--size-70); }
.m-75 { margin: var(--size-75); }
.m-80 { margin: var(--size-80); }
.m-85 { margin: var(--size-85); }
.m-90 { margin: var(--size-90); }
.m-95 { margin: var(--size-95); }
.m-100 { margin: var(--size-100); }
.m-auto { margin: auto; }
.mx-0 { margin-inline: 0; }
.mx-5 { margin-inline: var(--size-5); }
.mx-10 { margin-inline: var(--size-10); }
.mx-15 { margin-inline: var(--size-15); }
.mx-16 { margin-inline: var(--size-16); }
.mx-20 { margin-inline: var(--size-20); }
.mx-25 { margin-inline: var(--size-25); }
.mx-30 { margin-inline: var(--size-30); }
.mx-35 { margin-inline: var(--size-35); }
.mx-40 { margin-inline: var(--size-40); }
.mx-45 { margin-inline: var(--size-45); }
.mx-50 { margin-inline: var(--size-50); }
.mx-55 { margin-inline: var(--size-55); }
.mx-60 { margin-inline: var(--size-60); }
.mx-65 { margin-inline: var(--size-65); }
.mx-70 { margin-inline: var(--size-70); }
.mx-75 { margin-inline: var(--size-75); }
.mx-80 { margin-inline: var(--size-80); }
.mx-85 { margin-inline: var(--size-85); }
.mx-90 { margin-inline: var(--size-90); }
.mx-95 { margin-inline: var(--size-95); }
.mx-100 { margin-inline: var(--size-100); }
.mx-auto { margin-inline: auto; }
.my-0 { margin-block: 0; }
.my-5 { margin-block: var(--size-5); }
.my-10 { margin-block: var(--size-10); }
.my-15 { margin-block: var(--size-15); }
.my-16 { margin-block: var(--size-16); }
.my-20 { margin-block: var(--size-20); }
.my-25 { margin-block: var(--size-25); }
.my-30 { margin-block: var(--size-30); }
.my-35 { margin-block: var(--size-35); }
.my-40 { margin-block: var(--size-40); }
.my-45 { margin-block: var(--size-45); }
.my-50 { margin-block: var(--size-50); }
.my-55 { margin-block: var(--size-55); }
.my-60 { margin-block: var(--size-60); }
.my-65 { margin-block: var(--size-65); }
.my-70 { margin-block: var(--size-70); }
.my-75 { margin-block: var(--size-75); }
.my-80 { margin-block: var(--size-80); }
.my-85 { margin-block: var(--size-85); }
.my-90 { margin-block: var(--size-90); }
.my-95 { margin-block: var(--size-95); }
.my-100 { margin-block: var(--size-100); }
.my-auto { margin-block: auto; }
.ms-0 { margin-inline-start: 0; }
.ms-5 { margin-inline-start: var(--size-5); }
.ms-10 { margin-inline-start: var(--size-10); }
.ms-15 { margin-inline-start: var(--size-15); }
.ms-16 { margin-inline-start: var(--size-16); }
.ms-20 { margin-inline-start: var(--size-20); }
.ms-25 { margin-inline-start: var(--size-25); }
.ms-30 { margin-inline-start: var(--size-30); }
.ms-35 { margin-inline-start: var(--size-35); }
.ms-40 { margin-inline-start: var(--size-40); }
.ms-45 { margin-inline-start: var(--size-45); }
.ms-50 { margin-inline-start: var(--size-50); }
.ms-55 { margin-inline-start: var(--size-55); }
.ms-60 { margin-inline-start: var(--size-60); }
.ms-65 { margin-inline-start: var(--size-65); }
.ms-70 { margin-inline-start: var(--size-70); }
.ms-75 { margin-inline-start: var(--size-75); }
.ms-80 { margin-inline-start: var(--size-80); }
.ms-85 { margin-inline-start: var(--size-85); }
.ms-90 { margin-inline-start: var(--size-90); }
.ms-95 { margin-inline-start: var(--size-95); }
.ms-100 { margin-inline-start: var(--size-100); }
.ms-auto { margin-inline-start: auto; }
.me-0 { margin-inline-end: 0; }
.me-5 { margin-inline-end: var(--size-5); }
.me-10 { margin-inline-end: var(--size-10); }
.me-15 { margin-inline-end: var(--size-15); }
.me-16 { margin-inline-end: var(--size-16); }
.me-20 { margin-inline-end: var(--size-20); }
.me-25 { margin-inline-end: var(--size-25); }
.me-30 { margin-inline-end: var(--size-30); }
.me-35 { margin-inline-end: var(--size-35); }
.me-40 { margin-inline-end: var(--size-40); }
.me-45 { margin-inline-end: var(--size-45); }
.me-50 { margin-inline-end: var(--size-50); }
.me-55 { margin-inline-end: var(--size-55); }
.me-60 { margin-inline-end: var(--size-60); }
.me-65 { margin-inline-end: var(--size-65); }
.me-70 { margin-inline-end: var(--size-70); }
.me-75 { margin-inline-end: var(--size-75); }
.me-80 { margin-inline-end: var(--size-80); }
.me-85 { margin-inline-end: var(--size-85); }
.me-90 { margin-inline-end: var(--size-90); }
.me-95 { margin-inline-end: var(--size-95); }
.me-100 { margin-inline-end: var(--size-100); }
.me-auto { margin-inline-end: auto; }
.mt-0 { margin-top: 0; }
.mt-5 { margin-top: var(--size-5); }
.mt-10 { margin-top: var(--size-10); }
.mt-15 { margin-top: var(--size-15); }
.mt-16 { margin-top: var(--size-16); }
.mt-20 { margin-top: var(--size-20); }
.mt-25 { margin-top: var(--size-25); }
.mt-30 { margin-top: var(--size-30); }
.mt-35 { margin-top: var(--size-35); }
.mt-40 { margin-top: var(--size-40); }
.mt-45 { margin-top: var(--size-45); }
.mt-50 { margin-top: var(--size-50); }
.mt-55 { margin-top: var(--size-55); }
.mt-60 { margin-top: var(--size-60); }
.mt-65 { margin-top: var(--size-65); }
.mt-70 { margin-top: var(--size-70); }
.mt-75 { margin-top: var(--size-75); }
.mt-80 { margin-top: var(--size-80); }
.mt-85 { margin-top: var(--size-85); }
.mt-90 { margin-top: var(--size-90); }
.mt-95 { margin-top: var(--size-95); }
.mt-100 { margin-top: var(--size-100); }
.mt-auto { margin-top: auto; }
.mr-0 { margin-right: 0; }
.mr-5 { margin-right: var(--size-5); }
.mr-10 { margin-right: var(--size-10); }
.mr-15 { margin-right: var(--size-15); }
.mr-16 { margin-right: var(--size-16); }
.mr-20 { margin-right: var(--size-20); }
.mr-25 { margin-right: var(--size-25); }
.mr-30 { margin-right: var(--size-30); }
.mr-35 { margin-right: var(--size-35); }
.mr-40 { margin-right: var(--size-40); }
.mr-45 { margin-right: var(--size-45); }
.mr-50 { margin-right: var(--size-50); }
.mr-55 { margin-right: var(--size-55); }
.mr-60 { margin-right: var(--size-60); }
.mr-65 { margin-right: var(--size-65); }
.mr-70 { margin-right: var(--size-70); }
.mr-75 { margin-right: var(--size-75); }
.mr-80 { margin-right: var(--size-80); }
.mr-85 { margin-right: var(--size-85); }
.mr-90 { margin-right: var(--size-90); }
.mr-95 { margin-right: var(--size-95); }
.mr-100 { margin-right: var(--size-100); }
.mr-auto { margin-right: auto; }
.mb-0 { margin-bottom: 0; }
.mb-5 { margin-bottom: var(--size-5); }
.mb-10 { margin-bottom: var(--size-10); }
.mb-15 { margin-bottom: var(--size-15); }
.mb-16 { margin-bottom: var(--size-16); }
.mb-20 { margin-bottom: var(--size-20); }
.mb-25 { margin-bottom: var(--size-25); }
.mb-30 { margin-bottom: var(--size-30); }
.mb-35 { margin-bottom: var(--size-35); }
.mb-40 { margin-bottom: var(--size-40); }
.mb-45 { margin-bottom: var(--size-45); }
.mb-50 { margin-bottom: var(--size-50); }
.mb-55 { margin-bottom: var(--size-55); }
.mb-60 { margin-bottom: var(--size-60); }
.mb-65 { margin-bottom: var(--size-65); }
.mb-70 { margin-bottom: var(--size-70); }
.mb-75 { margin-bottom: var(--size-75); }
.mb-80 { margin-bottom: var(--size-80); }
.mb-85 { margin-bottom: var(--size-85); }
.mb-90 { margin-bottom: var(--size-90); }
.mb-95 { margin-bottom: var(--size-95); }
.mb-100 { margin-bottom: var(--size-100); }
.mb-auto { margin-bottom: auto; }
.ml-0 { margin-left: 0; }
.ml-5 { margin-left: var(--size-5); }
.ml-10 { margin-left: var(--size-10); }
.ml-15 { margin-left: var(--size-15); }
.ml-16 { margin-left: var(--size-16); }
.ml-20 { margin-left: var(--size-20); }
.ml-25 { margin-left: var(--size-25); }
.ml-30 { margin-left: var(--size-30); }
.ml-35 { margin-left: var(--size-35); }
.ml-40 { margin-left: var(--size-40); }
.ml-45 { margin-left: var(--size-45); }
.ml-50 { margin-left: var(--size-50); }
.ml-55 { margin-left: var(--size-55); }
.ml-60 { margin-left: var(--size-60); }
.ml-65 { margin-left: var(--size-65); }
.ml-70 { margin-left: var(--size-70); }
.ml-75 { margin-left: var(--size-75); }
.ml-80 { margin-left: var(--size-80); }
.ml-85 { margin-left: var(--size-85); }
.ml-90 { margin-left: var(--size-90); }
.ml-95 { margin-left: var(--size-95); }
.ml-100 { margin-left: var(--size-100); }
.ml-auto { margin-left: auto; }

/* Paddings */
.p-0 { padding: 0; }
.p-5 { padding: var(--size-5); }
.p-10 { padding: var(--size-10); }
.p-15 { padding: var(--size-15); }
.p-16 { padding: var(--size-16); }
.p-20 { padding: var(--size-20); }
.p-25 { padding: var(--size-25); }
.p-30 { padding: var(--size-30); }
.p-35 { padding: var(--size-35); }
.p-40 { padding: var(--size-40); }
.p-45 { padding: var(--size-45); }
.p-50 { padding: var(--size-50); }
.p-55 { padding: var(--size-55); }
.p-60 { padding: var(--size-60); }
.p-65 { padding: var(--size-65); }
.p-70 { padding: var(--size-70); }
.p-75 { padding: var(--size-75); }
.p-80 { padding: var(--size-80); }
.p-85 { padding: var(--size-85); }
.p-90 { padding: var(--size-90); }
.p-95 { padding: var(--size-95); }
.p-100 { padding: var(--size-100); }
.px-0 { padding-inline: 0; }
.px-5 { padding-inline: var(--size-5); }
.px-10 { padding-inline: var(--size-10); }
.px-15 { padding-inline: var(--size-15); }
.px-16 { padding-inline: var(--size-16); }
.px-20 { padding-inline: var(--size-20); }
.px-25 { padding-inline: var(--size-25); }
.px-30 { padding-inline: var(--size-30); }
.px-35 { padding-inline: var(--size-35); }
.px-40 { padding-inline: var(--size-40); }
.px-45 { padding-inline: var(--size-45); }
.px-50 { padding-inline: var(--size-50); }
.px-55 { padding-inline: var(--size-55); }
.px-60 { padding-inline: var(--size-60); }
.px-65 { padding-inline: var(--size-65); }
.px-70 { padding-inline: var(--size-70); }
.px-75 { padding-inline: var(--size-75); }
.px-80 { padding-inline: var(--size-80); }
.px-85 { padding-inline: var(--size-85); }
.px-90 { padding-inline: var(--size-90); }
.px-95 { padding-inline: var(--size-95); }
.px-100 { padding-inline: var(--size-100); }
.py-0 { padding-block: 0; }
.py-5 { padding-block: var(--size-5); }
.py-10 { padding-block: var(--size-10); }
.py-15 { padding-block: var(--size-15); }
.py-16 { padding-block: var(--size-16); }
.py-20 { padding-block: var(--size-20); }
.py-25 { padding-block: var(--size-25); }
.py-30 { padding-block: var(--size-30); }
.py-35 { padding-block: var(--size-35); }
.py-40 { padding-block: var(--size-40); }
.py-45 { padding-block: var(--size-45); }
.py-50 { padding-block: var(--size-50); }
.py-55 { padding-block: var(--size-55); }
.py-60 { padding-block: var(--size-60); }
.py-65 { padding-block: var(--size-65); }
.py-70 { padding-block: var(--size-70); }
.py-75 { padding-block: var(--size-75); }
.py-80 { padding-block: var(--size-80); }
.py-85 { padding-block: var(--size-85); }
.py-90 { padding-block: var(--size-90); }
.py-95 { padding-block: var(--size-95); }
.py-100 { padding-block: var(--size-100); }
.ps-0 { padding-inline-start: 0; }
.ps-5 { padding-inline-start: var(--size-5); }
.ps-10 { padding-inline-start: var(--size-10); }
.ps-15 { padding-inline-start: var(--size-15); }
.ps-16 { padding-inline-start: var(--size-16); }
.ps-20 { padding-inline-start: var(--size-20); }
.ps-25 { padding-inline-start: var(--size-25); }
.ps-30 { padding-inline-start: var(--size-30); }
.ps-35 { padding-inline-start: var(--size-35); }
.ps-40 { padding-inline-start: var(--size-40); }
.ps-45 { padding-inline-start: var(--size-45); }
.ps-50 { padding-inline-start: var(--size-50); }
.ps-55 { padding-inline-start: var(--size-55); }
.ps-60 { padding-inline-start: var(--size-60); }
.ps-65 { padding-inline-start: var(--size-65); }
.ps-70 { padding-inline-start: var(--size-70); }
.ps-75 { padding-inline-start: var(--size-75); }
.ps-80 { padding-inline-start: var(--size-80); }
.ps-85 { padding-inline-start: var(--size-85); }
.ps-90 { padding-inline-start: var(--size-90); }
.ps-95 { padding-inline-start: var(--size-95); }
.ps-100 { padding-inline-start: var(--size-100); }
.pe-0 { padding-inline-end: 0; }
.pe-5 { padding-inline-end: var(--size-5); }
.pe-10 { padding-inline-end: var(--size-10); }
.pe-15 { padding-inline-end: var(--size-15); }
.pe-16 { padding-inline-end: var(--size-16); }
.pe-20 { padding-inline-end: var(--size-20); }
.pe-25 { padding-inline-end: var(--size-25); }
.pe-30 { padding-inline-end: var(--size-30); }
.pe-35 { padding-inline-end: var(--size-35); }
.pe-40 { padding-inline-end: var(--size-40); }
.pe-45 { padding-inline-end: var(--size-45); }
.pe-50 { padding-inline-end: var(--size-50); }
.pe-55 { padding-inline-end: var(--size-55); }
.pe-60 { padding-inline-end: var(--size-60); }
.pe-65 { padding-inline-end: var(--size-65); }
.pe-70 { padding-inline-end: var(--size-70); }
.pe-75 { padding-inline-end: var(--size-75); }
.pe-80 { padding-inline-end: var(--size-80); }
.pe-85 { padding-inline-end: var(--size-85); }
.pe-90 { padding-inline-end: var(--size-90); }
.pe-95 { padding-inline-end: var(--size-95); }
.pe-100 { padding-inline-end: var(--size-100); }
.pt-0 { padding-top: 0; }
.pt-5 { padding-top: var(--size-5); }
.pt-10 { padding-top: var(--size-10); }
.pt-15 { padding-top: var(--size-15); }
.pt-16 { padding-top: var(--size-16); }
.pt-20 { padding-top: var(--size-20); }
.pt-25 { padding-top: var(--size-25); }
.pt-30 { padding-top: var(--size-30); }
.pt-35 { padding-top: var(--size-35); }
.pt-40 { padding-top: var(--size-40); }
.pt-45 { padding-top: var(--size-45); }
.pt-50 { padding-top: var(--size-50); }
.pt-55 { padding-top: var(--size-55); }
.pt-60 { padding-top: var(--size-60); }
.pt-65 { padding-top: var(--size-65); }
.pt-70 { padding-top: var(--size-70); }
.pt-75 { padding-top: var(--size-75); }
.pt-80 { padding-top: var(--size-80); }
.pt-85 { padding-top: var(--size-85); }
.pt-90 { padding-top: var(--size-90); }
.pt-95 { padding-top: var(--size-95); }
.pt-100 { padding-top: var(--size-100); }
.pr-0 { padding-right: 0; }
.pr-5 { padding-right: var(--size-5); }
.pr-10 { padding-right: var(--size-10); }
.pr-15 { padding-right: var(--size-15); }
.pr-16 { padding-right: var(--size-16); }
.pr-20 { padding-right: var(--size-20); }
.pr-25 { padding-right: var(--size-25); }
.pr-30 { padding-right: var(--size-30); }
.pr-35 { padding-right: var(--size-35); }
.pr-40 { padding-right: var(--size-40); }
.pr-45 { padding-right: var(--size-45); }
.pr-50 { padding-right: var(--size-50); }
.pr-55 { padding-right: var(--size-55); }
.pr-60 { padding-right: var(--size-60); }
.pr-65 { padding-right: var(--size-65); }
.pr-70 { padding-right: var(--size-70); }
.pr-75 { padding-right: var(--size-75); }
.pr-80 { padding-right: var(--size-80); }
.pr-85 { padding-right: var(--size-85); }
.pr-90 { padding-right: var(--size-90); }
.pr-95 { padding-right: var(--size-95); }
.pr-100 { padding-right: var(--size-100); }
.pb-0 { padding-bottom: 0; }
.pb-5 { padding-bottom: var(--size-5); }
.pb-10 { padding-bottom: var(--size-10); }
.pb-15 { padding-bottom: var(--size-15); }
.pb-16 { padding-bottom: var(--size-16); }
.pb-20 { padding-bottom: var(--size-20); }
.pb-25 { padding-bottom: var(--size-25); }
.pb-30 { padding-bottom: var(--size-30); }
.pb-35 { padding-bottom: var(--size-35); }
.pb-40 { padding-bottom: var(--size-40); }
.pb-45 { padding-bottom: var(--size-45); }
.pb-50 { padding-bottom: var(--size-50); }
.pb-55 { padding-bottom: var(--size-55); }
.pb-60 { padding-bottom: var(--size-60); }
.pb-65 { padding-bottom: var(--size-65); }
.pb-70 { padding-bottom: var(--size-70); }
.pb-75 { padding-bottom: var(--size-75); }
.pb-80 { padding-bottom: var(--size-80); }
.pb-85 { padding-bottom: var(--size-85); }
.pb-90 { padding-bottom: var(--size-90); }
.pb-95 { padding-bottom: var(--size-95); }
.pb-100 { padding-bottom: var(--size-100); }
.pl-0 { padding-left: 0; }
.pl-5 { padding-left: var(--size-5); }
.pl-10 { padding-left: var(--size-10); }
.pl-15 { padding-left: var(--size-15); }
.pl-16 { padding-left: var(--size-16); }
.pl-20 { padding-left: var(--size-20); }
.pl-25 { padding-left: var(--size-25); }
.pl-30 { padding-left: var(--size-30); }
.pl-35 { padding-left: var(--size-35); }
.pl-40 { padding-left: var(--size-40); }
.pl-45 { padding-left: var(--size-45); }
.pl-50 { padding-left: var(--size-50); }
.pl-55 { padding-left: var(--size-55); }
.pl-60 { padding-left: var(--size-60); }
.pl-65 { padding-left: var(--size-65); }
.pl-70 { padding-left: var(--size-70); }
.pl-75 { padding-left: var(--size-75); }
.pl-80 { padding-left: var(--size-80); }
.pl-85 { padding-left: var(--size-85); }
.pl-90 { padding-left: var(--size-90); }
.pl-95 { padding-left: var(--size-95); }
.pl-100 { padding-left: var(--size-100); }

/* Gaps */
.gap-0 { gap: 0; }
.gap-x-0 { -moz-column-gap: 0; column-gap: 0; }
.gap-y-0 { row-gap: 0; }
.gap-5 { gap: var(--size-5); }
.gap-x-5 { -moz-column-gap: var(--size-5); column-gap: var(--size-5); }
.gap-y-5 { row-gap: var(--size-5); }
.gap-10 { gap: var(--size-10); }
.gap-x-10 { -moz-column-gap: var(--size-10); column-gap: var(--size-10); }
.gap-y-10 { row-gap: var(--size-10); }
.gap-15 { gap: var(--size-15); }
.gap-x-15 { -moz-column-gap: var(--size-15); column-gap: var(--size-15); }
.gap-y-15 { row-gap: var(--size-15); }
.gap-16 { gap: var(--size-16); }
.gap-x-16 { -moz-column-gap: var(--size-16); column-gap: var(--size-16); }
.gap-y-16 { row-gap: var(--size-16); }
.gap-20 { gap: var(--size-20); }
.gap-x-20 { -moz-column-gap: var(--size-20); column-gap: var(--size-20); }
.gap-y-20 { row-gap: var(--size-20); }
.gap-25 { gap: var(--size-25); }
.gap-x-25 { -moz-column-gap: var(--size-25); column-gap: var(--size-25); }
.gap-y-25 { row-gap: var(--size-25); }
.gap-30 { gap: var(--size-30); }
.gap-x-30 { -moz-column-gap: var(--size-30); column-gap: var(--size-30); }
.gap-y-30 { row-gap: var(--size-30); }
.gap-35 { gap: var(--size-35); }
.gap-x-35 { -moz-column-gap: var(--size-35); column-gap: var(--size-35); }
.gap-y-35 { row-gap: var(--size-35); }
.gap-40 { gap: var(--size-40); }
.gap-x-40 { -moz-column-gap: var(--size-40); column-gap: var(--size-40); }
.gap-y-40 { row-gap: var(--size-40); }
.gap-45 { gap: var(--size-45); }
.gap-x-45 { -moz-column-gap: var(--size-45); column-gap: var(--size-45); }
.gap-y-45 { row-gap: var(--size-45); }
.gap-50 { gap: var(--size-50); }
.gap-x-50 { -moz-column-gap: var(--size-50); column-gap: var(--size-50); }
.gap-y-50 { row-gap: var(--size-50); }
.gap-55 { gap: var(--size-55); }
.gap-x-55 { -moz-column-gap: var(--size-55); column-gap: var(--size-55); }
.gap-y-55 { row-gap: var(--size-55); }
.gap-60 { gap: var(--size-60); }
.gap-x-60 { -moz-column-gap: var(--size-60); column-gap: var(--size-60); }
.gap-y-60 { row-gap: var(--size-60); }
.gap-65 { gap: var(--size-65); }
.gap-x-65 { -moz-column-gap: var(--size-65); column-gap: var(--size-65); }
.gap-y-65 { row-gap: var(--size-65); }
.gap-70 { gap: var(--size-70); }
.gap-x-70 { -moz-column-gap: var(--size-70); column-gap: var(--size-70); }
.gap-y-70 { row-gap: var(--size-70); }
.gap-75 { gap: var(--size-75); }
.gap-x-75 { -moz-column-gap: var(--size-75); column-gap: var(--size-75); }
.gap-y-75 { row-gap: var(--size-75); }
.gap-80 { gap: var(--size-80); }
.gap-x-80 { -moz-column-gap: var(--size-80); column-gap: var(--size-80); }
.gap-y-80 { row-gap: var(--size-80); }
.gap-85 { gap: var(--size-85); }
.gap-x-85 { -moz-column-gap: var(--size-85); column-gap: var(--size-85); }
.gap-y-85 { row-gap: var(--size-85); }
.gap-90 { gap: var(--size-90); }
.gap-x-90 { -moz-column-gap: var(--size-90); column-gap: var(--size-90); }
.gap-y-90 { row-gap: var(--size-90); }
.gap-95 { gap: var(--size-95); }
.gap-x-95 { -moz-column-gap: var(--size-95); column-gap: var(--size-95); }
.gap-y-95 { row-gap: var(--size-95); }
.gap-100 { gap: var(--size-100); }
.gap-x-100 { -moz-column-gap: var(--size-100); column-gap: var(--size-100); }
.gap-y-100 { row-gap: var(--size-100); }

/* Space Between Children */
.space-y-0 > :not(:last-child) { margin-block-end: 0; }
.space-y-5 > :not(:last-child) { margin-block-end: var(--size-5); }
.space-y-10 > :not(:last-child) { margin-block-end: var(--size-10); }
.space-y-15 > :not(:last-child) { margin-block-end: var(--size-15); }
.space-y-16 > :not(:last-child) { margin-block-end: var(--size-16); }
.space-y-20 > :not(:last-child) { margin-block-end: var(--size-20); }
.space-y-25 > :not(:last-child) { margin-block-end: var(--size-25); }
.space-y-30 > :not(:last-child) { margin-block-end: var(--size-30); }
.space-y-35 > :not(:last-child) { margin-block-end: var(--size-35); }
.space-y-40 > :not(:last-child) { margin-block-end: var(--size-40); }
.space-y-45 > :not(:last-child) { margin-block-end: var(--size-45); }
.space-y-50 > :not(:last-child) { margin-block-end: var(--size-50); }

/* Typography & Text utilities */
.text-2xl { font-size: var(--text-2xl); }
.text-xl { font-size: var(--text-xl); }
.text-lg { font-size: var(--text-lg); }
.text-md { font-size: var(--text-md); }
.text-base { font-size: var(--text-base); }
.text-sm { font-size: var(--text-sm); }
.text-xs { font-size: var(--text-xs); }
.leading-tight { line-height: var(--leading-tight); }
.leading-snug { line-height: var(--leading-snug); }
.leading-normal { line-height: var(--leading-normal); }
.leading-relaxed { line-height: var(--leading-relaxed); }
.leading-loose { line-height: var(--leading-loose); }
.tracking-tighter { letter-spacing: var(--tracking-tighter); }
.tracking-tight { letter-spacing: var(--tracking-tight); }
.tracking-normal { letter-spacing: var(--tracking-normal); }
.tracking-wide { letter-spacing: var(--tracking-wide); }
.tracking-wider { letter-spacing: var(--tracking-wider); }
.tracking-widest { letter-spacing: var(--tracking-widest); }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.no-underline { text-decoration: none; }
.underline { text-decoration: underline; }
.line-through { text-decoration: line-through; }
.decoration-1 { text-decoration-thickness: 1px; }
.underline-offset-1 { text-underline-offset: 1px; }
.hover\:no-underline:hover { text-decoration: none; }
.lowercase { text-transform: lowercase; }
.uppercase { text-transform: uppercase; }
.capitalize { text-transform: capitalize; }
.text-wrap { white-space: normal; }
.text-nowrap { white-space: nowrap; }
.italic { font-style: italic; }
.not-italic { font-style: normal; }
.font-thin { font-weight: 100; }
.font-extralight { font-weight: 200; }
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-extrabold { font-weight: 800; }
.font-black { font-weight: 900; }

/* Colors & Backgrounds */
.bg-main { background-color: var(--main); }
.bg-white { background-color: var(--white); }
.bg-yellow { background-color: var(--yellow); }
.bg-orange { background-color: var(--orange); }
.bg-braun { background-color: var(--braun); }
.bg-purple { background-color: var(--purple); }
.bg-green { background-color: var(--green); }
.bg-red { background-color: var(--red); }
.bg-blue { background-color: var(--blue); }
.bg-grey { background-color: var(--grey); }
.bg-grey-light { background-color: var(--grey-light); }
.bg-black { background-color: var(--black); }

.bg-ice-blue { background-color: var(--ice-blue); }
.bg-soft-pink { background-color: var(--soft-pink); }
.bg-soft-mauve { background-color: var(--soft-mauve); }
.bg-color-pale-blue { background-color: var(--color-pale-blue); }
.bg-soft-blue { background-color: var(--soft-blue); }
.bg-soft-braun { background-color: var(--soft-braun); }


.text-main { color: var(--main); }
.text-white { color: var(--white); }
.text-yellow { color: var(--yellow); }
.text-orange { color: var(--orange); }
.text-braun { color: var(--braun); }
.text-purple { color: var(--purple); }
.text-green { color: var(--green); }
.text-red { color: var(--red); }
.text-blue { color: var(--blue); }
.text-grey { color: var(--grey); }
.text-grey-light { color: var(--grey-light); }
.text-soft-text { color: var(--soft-text); }
.text-black { color: var(--black); }
.text-soft-braun { color: var(--soft-braun); }
.text-inherit { color: inherit; }

/* Positioning & Z-index */
.static { position: static; }
.relative { position: relative; }
.absolute { position: absolute; }
.fixed { position: fixed; }
.sticky { position: sticky; }
.z-auto { z-index: auto; }
.z-0 { z-index: 0; }
.z-10 { z-index: 10; }
.z-20 { z-index: 20; }
.z-30 { z-index: 30; }
.z-40 { z-index: 40; }
.z-50 { z-index: 50; }
.-z-10 { z-index: -10; }
.inset-0 { inset: 0; }
.inset-x-0 { left: 0; right: 0; }
.inset-y-0 { top: 0; bottom: 0; }
.top-0 { top: 0; }
.right-0 { right: 0; }
.bottom-0 { bottom: 0; }
.left-0 { left: 0; }

/* Borders & Radius */
.rounded-none { border-radius: 0; }
.rounded-xs { border-radius: var(--radius-xs); }
.rounded-sm { border-radius: var(--radius-sm); }
.rounded-md { border-radius: var(--radius-md); }
.rounded-lg { border-radius: var(--radius-lg); }
.rounded-xl { border-radius: var(--radius-xl); }
.rounded-2xl { border-radius: var(--radius-2xl); }
.rounded-3xl { border-radius: var(--radius-3xl); }
.rounded-4xl { border-radius: var(--radius-4xl); }
.rounded-full { border-radius: 9999px; }

/* Miscellaneous (Visibility, Overflow, Helpers) */
.list-none { list-style-type: none; }
.overflow-auto { overflow: auto; }
.overflow-visible { overflow: visible; }
.overflow-clip { overflow: clip; }
.overflow-hidden { overflow: hidden; }
.overflow-scroll { overflow: scroll; }
.overflow-x-auto { overflow-x: auto; }
.overflow-y-auto { overflow-y: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-hidden { overflow-y: hidden; }
.sr-only { position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; white-space: nowrap !important; border: 0 !important; clip: rect(1px, 1px, 1px, 1px) !important; clip-path: inset(50%) !important; word-wrap: normal !important; }
.not-sr-only { position: static !important; width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; overflow: visible !important; white-space: normal !important; clip: auto !important; clip-path: none !important; }
.cursor-pointer { cursor: pointer; }
.pointer-events-none { pointer-events: none; }
.pointer-events-auto { pointer-events: auto; }
.object-contain { -o-object-fit: contain; object-fit: contain; }
.object-cover { -o-object-fit: cover; object-fit: cover; }
.object-fill { -o-object-fit: fill; object-fit: fill; }
.object-none { -o-object-fit: none; object-fit: none; }
.object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; }
.object-center { -o-object-position: center; object-position: center; }

/* Opacity */
.opacity-0 { opacity: 0%; }
.opacity-1 { opacity: 1%; }
.opacity-2 { opacity: 2%; }
.opacity-3 { opacity: 3%; }
.opacity-4 { opacity: 4%; }
.opacity-5 { opacity: 5%; }
.opacity-6 { opacity: 6%; }
.opacity-7 { opacity: 7%; }
.opacity-8 { opacity: 8%; }
.opacity-9 { opacity: 9%; }
.opacity-10 { opacity: 10%; }
.opacity-11 { opacity: 11%; }
.opacity-12 { opacity: 12%; }
.opacity-13 { opacity: 13%; }
.opacity-14 { opacity: 14%; }
.opacity-15 { opacity: 15%; }
.opacity-16 { opacity: 16%; }
.opacity-17 { opacity: 17%; }
.opacity-18 { opacity: 18%; }
.opacity-19 { opacity: 19%; }
.opacity-20 { opacity: 20%; }
.opacity-21 { opacity: 21%; }
.opacity-22 { opacity: 22%; }
.opacity-23 { opacity: 23%; }
.opacity-24 { opacity: 24%; }
.opacity-25 { opacity: 25%; }
.opacity-26 { opacity: 26%; }
.opacity-27 { opacity: 27%; }
.opacity-28 { opacity: 28%; }
.opacity-29 { opacity: 29%; }
.opacity-30 { opacity: 30%; }
.opacity-31 { opacity: 31%; }
.opacity-32 { opacity: 32%; }
.opacity-33 { opacity: 33%; }
.opacity-34 { opacity: 34%; }
.opacity-35 { opacity: 35%; }
.opacity-36 { opacity: 36%; }
.opacity-37 { opacity: 37%; }
.opacity-38 { opacity: 38%; }
.opacity-39 { opacity: 39%; }
.opacity-40 { opacity: 40%; }
.opacity-41 { opacity: 41%; }
.opacity-42 { opacity: 42%; }
.opacity-43 { opacity: 43%; }
.opacity-44 { opacity: 44%; }
.opacity-45 { opacity: 45%; }
.opacity-46 { opacity: 46%; }
.opacity-47 { opacity: 47%; }
.opacity-48 { opacity: 48%; }
.opacity-49 { opacity: 49%; }
.opacity-50 { opacity: 50%; }
.opacity-51 { opacity: 51%; }
.opacity-52 { opacity: 52%; }
.opacity-53 { opacity: 53%; }
.opacity-54 { opacity: 54%; }
.opacity-55 { opacity: 55%; }
.opacity-56 { opacity: 56%; }
.opacity-57 { opacity: 57%; }
.opacity-58 { opacity: 58%; }
.opacity-59 { opacity: 59%; }
.opacity-60 { opacity: 60%; }
.opacity-61 { opacity: 61%; }
.opacity-62 { opacity: 62%; }
.opacity-63 { opacity: 63%; }
.opacity-64 { opacity: 64%; }
.opacity-65 { opacity: 65%; }
.opacity-66 { opacity: 66%; }
.opacity-67 { opacity: 67%; }
.opacity-68 { opacity: 68%; }
.opacity-69 { opacity: 69%; }
.opacity-70 { opacity: 70%; }
.opacity-71 { opacity: 71%; }
.opacity-72 { opacity: 72%; }
.opacity-73 { opacity: 73%; }
.opacity-74 { opacity: 74%; }
.opacity-75 { opacity: 75%; }
.opacity-76 { opacity: 76%; }
.opacity-77 { opacity: 77%; }
.opacity-78 { opacity: 78%; }
.opacity-79 { opacity: 79%; }
.opacity-80 { opacity: 80%; }
.opacity-81 { opacity: 81%; }
.opacity-82 { opacity: 82%; }
.opacity-83 { opacity: 83%; }
.opacity-84 { opacity: 84%; }
.opacity-85 { opacity: 85%; }
.opacity-86 { opacity: 86%; }
.opacity-87 { opacity: 87%; }
.opacity-88 { opacity: 88%; }
.opacity-89 { opacity: 89%; }
.opacity-90 { opacity: 90%; }
.opacity-91 { opacity: 91%; }
.opacity-92 { opacity: 92%; }
.opacity-93 { opacity: 93%; }
.opacity-94 { opacity: 94%; }
.opacity-95 { opacity: 95%; }
.opacity-96 { opacity: 96%; }
.opacity-97 { opacity: 97%; }
.opacity-98 { opacity: 98%; }
.opacity-99 { opacity: 99%; }
.opacity-100 { opacity: 100%; }

/* Transitions */
.transition { transition-property: all; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
.transition-colors { transition-property: color, background-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
.duration-200 { transition-duration: var(--transition-duration); }
.ease-out { transition-timing-function: var(--transition-timing-function); }
/* $breakpoints: (
  xs: 32rem, 512px - custom
  sm: 40rem, 640px
  md: 48rem, 768px
  lg: 64rem, 1024px
  xl: 80rem, 1280px
  2xl: 96rem, 1536px
) !default; */

/* ==========================================================================
   7. MEDIA QUERIES (Adaptive Utilities)
   ========================================================================== */

/* Breakpoint XS (512px) */
@media (min-width:32rem) {
  /* Text Transform & Wrapping */
  .xs\:uppercase { text-transform: uppercase; }
  .xs\:lowercase { text-transform: lowercase; }
  .xs\:capitalize { text-transform: capitalize; }
  .xs\:text-wrap { white-space: normal; }
  .xs\:text-nowrap { white-space: nowrap; }

  /* Visibility */
  .xs\:visible { visibility: visible; }
  .xs\:invisible { visibility: hidden; }

  /* Overflow */
  .xs\:overflow-auto { overflow: auto; }
  .xs\:overflow-visible { overflow: visible; }
  .xs\:overflow-clip { overflow: clip; }
  .xs\:overflow-hidden { overflow: hidden; }
  .xs\:overflow-scroll { overflow: scroll; }
  .xs\:overflow-x-auto { overflow-x: auto; }
  .xs\:overflow-y-auto { overflow-y: auto; }
  .xs\:overflow-x-hidden { overflow-x: hidden; }
  .xs\:overflow-y-hidden { overflow-y: hidden; }

  /* Sizing */
  .xs\:w-auto { width: auto; }
  .xs\:w-full { width: 100%; }
  .xs\:w-fit { width: -moz-fit-content; width: fit-content; }
  .xs\:h-auto { height: auto; }
  .xs\:h-full { height: 100%; }
  .xs\:h-fit { height: -moz-fit-content; height: fit-content; }
  .xs\:min-w-0 { min-width: 0; }
  .xs\:max-w-full { max-width: 100%; }

  /* Display */
  .xs\:hidden { display: none; }
  .xs\:block { display: block; }
  .xs\:inline { display: inline; }
  .xs\:inline-block { display: inline-block; }
  .xs\:flex { display: flex; }
  .xs\:inline-flex { display: inline-flex; }
  .xs\:grid { display: grid; }
  .xs\:inline-grid { display: inline-grid; }
  .xs\:contents { display: contents; }

  /* Position */
  .xs\:static { position: static; }
  .xs\:relative { position: relative; }
  .xs\:absolute { position: absolute; }
  .xs\:fixed { position: fixed; }
  .xs\:sticky { position: sticky; }
  .xs\:inset-0 { inset: 0; }
  .xs\:inset-x-0 { left: 0; right: 0; }
  .xs\:inset-y-0 { top: 0; bottom: 0; }
  .xs\:top-0 { top: 0; }
  .xs\:right-0 { right: 0; }
  .xs\:bottom-0 { bottom: 0; }
  .xs\:left-0 { left: 0; }

  /* Z-index */
  .xs\:z-auto { z-index: auto; }
  .xs\:z-0 { z-index: 0; }
  .xs\:z-10 { z-index: 10; }
  .xs\:z-20 { z-index: 20; }
  .xs\:z-30 { z-index: 30; }
  .xs\:z-40 { z-index: 40; }
  .xs\:z-50 { z-index: 50; }
  .xs\:-z-10 { z-index: -10; }

  /* Text Align */
  .xs\:text-left { text-align: left; }
  .xs\:text-center { text-align: center; }
  .xs\:text-right { text-align: right; }
  .xs\:text-justify { text-align: justify; }

  /* Text Decoration */
  .xs\:no-underline { text-decoration: none; }
  .xs\:underline { text-decoration: underline; }
  .xs\:line-through { text-decoration: line-through; }
  .xs\:decoration-1 { text-decoration-thickness: 1px; }
  .xs\:underline-offset-1 { text-underline-offset: 1px; }

  /* Font Style & Weight */
  .xs\:italic { font-style: italic; }
  .xs\:not-italic { font-style: normal; }
  .xs\:font-thin { font-weight: 100; }
  .xs\:font-extralight { font-weight: 200; }
  .xs\:font-light { font-weight: 300; }
  .xs\:font-normal { font-weight: 400; }
  .xs\:font-medium { font-weight: 500; }
  .xs\:font-semibold { font-weight: 600; }
  .xs\:font-bold { font-weight: 700; }
  .xs\:font-extrabold { font-weight: 800; }
  .xs\:font-black { font-weight: 900; }

  /* Flex */
  .xs\:flex-row { flex-direction: row; }
  .xs\:flex-col { flex-direction: column; }
  .xs\:flex-row-reverse { flex-direction: row-reverse; }
  .xs\:flex-col-reverse { flex-direction: column-reverse; }
  .xs\:flex-wrap { flex-wrap: wrap; }
  .xs\:flex-nowrap { flex-wrap: nowrap; }
  .xs\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .xs\:flex-1 { flex: 1 1 0%; }
  .xs\:flex-auto { flex: 1 1 auto; }
  .xs\:flex-initial { flex: 0 1 auto; }
  .xs\:flex-none { flex: none; }
  .xs\:grow { flex-grow: 1; }
  .xs\:grow-0 { flex-grow: 0; }
  .xs\:shrink { flex-shrink: 1; }
  .xs\:shrink-0 { flex-shrink: 0; }

  /* Justify */
  .xs\:justify-start { justify-content: flex-start; }
  .xs\:justify-end { justify-content: flex-end; }
  .xs\:justify-center { justify-content: center; }
  .xs\:justify-between { justify-content: space-between; }
  .xs\:justify-around { justify-content: space-around; }
  .xs\:justify-evenly { justify-content: space-evenly; }
  .xs\:justify-items-start { justify-items: start; }
  .xs\:justify-items-end { justify-items: end; }
  .xs\:justify-items-center { justify-items: center; }
  .xs\:justify-items-stretch { justify-items: stretch; }
  .xs\:justify-self-auto { justify-self: auto; }
  .xs\:justify-self-start { justify-self: start; }
  .xs\:justify-self-end { justify-self: end; }
  .xs\:justify-self-center { justify-self: center; }
  .xs\:justify-self-stretch { justify-self: stretch; }

  /* Align */
  .xs\:items-start { align-items: flex-start; }
  .xs\:items-end { align-items: flex-end; }
  .xs\:items-center { align-items: center; }
  .xs\:items-baseline { align-items: baseline; }
  .xs\:items-stretch { align-items: stretch; }
  .xs\:content-start { align-content: flex-start; }
  .xs\:content-end { align-content: flex-end; }
  .xs\:content-center { align-content: center; }
  .xs\:content-between { align-content: space-between; }
  .xs\:content-around { align-content: space-around; }
  .xs\:content-evenly { align-content: space-evenly; }
  .xs\:content-stretch { align-content: stretch; }
  .xs\:self-auto { align-self: auto; }
  .xs\:self-start { align-self: flex-start; }
  .xs\:self-end { align-self: flex-end; }
  .xs\:self-center { align-self: center; }
  .xs\:self-baseline { align-self: baseline; }
  .xs\:self-stretch { align-self: stretch; }
  .xs\:place-items-start { place-items: start; }
  .xs\:place-items-end { place-items: end; }
  .xs\:place-items-center { place-items: center; }
  .xs\:place-items-baseline { place-items: baseline; }
  .xs\:place-items-stretch { place-items: stretch; }
  .xs\:place-content-start { place-content: start; }
  .xs\:place-content-end { place-content: end; }
  .xs\:place-content-center { place-content: center; }
  .xs\:place-content-between { place-content: space-between; }
  .xs\:place-content-around { place-content: space-around; }
  .xs\:place-content-evenly { place-content: space-evenly; }
  .xs\:place-content-stretch { place-content: stretch; }
  .xs\:place-self-auto { place-self: auto; }
  .xs\:place-self-start { place-self: start; }
  .xs\:place-self-end { place-self: end; }
  .xs\:place-self-center { place-self: center; }
  .xs\:place-self-stretch { place-self: stretch; }

  /* Order */
  .xs\:order-first { order: -9999; }
  .xs\:order-last { order: 9999; }
  .xs\:order-none { order: 0; }
  .xs\:order-1 { order: 1; }
  .xs\:order-2 { order: 2; }
  .xs\:order-3 { order: 3; }
  .xs\:order-4 { order: 4; }
  .xs\:order-5 { order: 5; }
  .xs\:order-6 { order: 6; }
  .xs\:order-7 { order: 7; }
  .xs\:order-8 { order: 8; }
  .xs\:order-9 { order: 9; }
  .xs\:order-10 { order: 10; }
  .xs\:order-11 { order: 11; }
  .xs\:order-12 { order: 12; }

  /* Grid */
  .xs\:grid-flow-row { grid-auto-flow: row; }
  .xs\:grid-flow-col { grid-auto-flow: column; }
  .xs\:grid-flow-dense { grid-auto-flow: dense; }
  .xs\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .xs\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .xs\:grid-cols-none { grid-template-columns: none; }
  .xs\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .xs\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xs\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .xs\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .xs\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .xs\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .xs\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .xs\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .xs\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .xs\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .xs\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .xs\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .xs\:grid-rows-none { grid-template-rows: none; }
  .xs\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xs\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xs\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xs\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xs\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xs\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xs\:grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xs\:grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xs\:grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xs\:grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xs\:grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xs\:grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xs\:auto-cols-auto { grid-auto-columns: auto; }
  .xs\:auto-cols-min { grid-auto-columns: min-content; }
  .xs\:auto-cols-max { grid-auto-columns: max-content; }
  .xs\:auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
  .xs\:auto-rows-auto { grid-auto-rows: auto; }
  .xs\:auto-rows-min { grid-auto-rows: min-content; }
  .xs\:auto-rows-max { grid-auto-rows: max-content; }
  .xs\:auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
  .xs\:col-auto { grid-column: auto; }
  .xs\:col-span-1 { grid-column: span 1 / span 1; }
  .xs\:col-span-2 { grid-column: span 2 / span 2; }
  .xs\:col-span-3 { grid-column: span 3 / span 3; }
  .xs\:col-span-4 { grid-column: span 4 / span 4; }
  .xs\:col-span-5 { grid-column: span 5 / span 5; }
  .xs\:col-span-6 { grid-column: span 6 / span 6; }
  .xs\:col-span-7 { grid-column: span 7 / span 7; }
  .xs\:col-span-8 { grid-column: span 8 / span 8; }
  .xs\:col-span-9 { grid-column: span 9 / span 9; }
  .xs\:col-span-10 { grid-column: span 10 / span 10; }
  .xs\:col-span-11 { grid-column: span 11 / span 11; }
  .xs\:col-span-12 { grid-column: span 12 / span 12; }
  .xs\:col-span-full { grid-column: 1 / -1; }
  .xs\:col-start-auto { grid-column-start: auto; }
  .xs\:col-start-1 { grid-column-start: 1; }
  .xs\:col-start-2 { grid-column-start: 2; }
  .xs\:col-start-3 { grid-column-start: 3; }
  .xs\:col-start-4 { grid-column-start: 4; }
  .xs\:col-start-5 { grid-column-start: 5; }
  .xs\:col-start-6 { grid-column-start: 6; }
  .xs\:col-start-7 { grid-column-start: 7; }
  .xs\:col-start-8 { grid-column-start: 8; }
  .xs\:col-start-9 { grid-column-start: 9; }
  .xs\:col-start-10 { grid-column-start: 10; }
  .xs\:col-start-11 { grid-column-start: 11; }
  .xs\:col-start-12 { grid-column-start: 12; }
  .xs\:col-start-13 { grid-column-start: 13; }
  .xs\:col-end-auto { grid-column-end: auto; }
  .xs\:col-end-1 { grid-column-end: 1; }
  .xs\:col-end-2 { grid-column-end: 2; }
  .xs\:col-end-3 { grid-column-end: 3; }
  .xs\:col-end-4 { grid-column-end: 4; }
  .xs\:col-end-5 { grid-column-end: 5; }
  .xs\:col-end-6 { grid-column-end: 6; }
  .xs\:col-end-7 { grid-column-end: 7; }
  .xs\:col-end-8 { grid-column-end: 8; }
  .xs\:col-end-9 { grid-column-end: 9; }
  .xs\:col-end-10 { grid-column-end: 10; }
  .xs\:col-end-11 { grid-column-end: 11; }
  .xs\:col-end-12 { grid-column-end: 12; }
  .xs\:col-end-13 { grid-column-end: 13; }
  .xs\:row-auto { grid-row: auto; }
  .xs\:row-span-1 { grid-row: span 1 / span 1; }
  .xs\:row-span-2 { grid-row: span 2 / span 2; }
  .xs\:row-span-3 { grid-row: span 3 / span 3; }
  .xs\:row-span-4 { grid-row: span 4 / span 4; }
  .xs\:row-span-5 { grid-row: span 5 / span 5; }
  .xs\:row-span-6 { grid-row: span 6 / span 6; }
  .xs\:row-span-7 { grid-row: span 7 / span 7; }
  .xs\:row-span-8 { grid-row: span 8 / span 8; }
  .xs\:row-span-9 { grid-row: span 9 / span 9; }
  .xs\:row-span-10 { grid-row: span 10 / span 10; }
  .xs\:row-span-11 { grid-row: span 11 / span 11; }
  .xs\:row-span-12 { grid-row: span 12 / span 12; }
  .xs\:row-span-full { grid-row: 1 / -1; }
  .xs\:row-start-auto { grid-row-start: auto; }
  .xs\:row-start-1 { grid-row-start: 1; }
  .xs\:row-start-2 { grid-row-start: 2; }
  .xs\:row-start-3 { grid-row-start: 3; }
  .xs\:row-start-4 { grid-row-start: 4; }
  .xs\:row-start-5 { grid-row-start: 5; }
  .xs\:row-start-6 { grid-row-start: 6; }
  .xs\:row-start-7 { grid-row-start: 7; }
  .xs\:row-start-8 { grid-row-start: 8; }
  .xs\:row-start-9 { grid-row-start: 9; }
  .xs\:row-start-10 { grid-row-start: 10; }
  .xs\:row-start-11 { grid-row-start: 11; }
  .xs\:row-start-12 { grid-row-start: 12; }
  .xs\:row-start-13 { grid-row-start: 13; }
  .xs\:row-end-auto { grid-row-end: auto; }
  .xs\:row-end-1 { grid-row-end: 1; }
  .xs\:row-end-2 { grid-row-end: 2; }
  .xs\:row-end-3 { grid-row-end: 3; }
  .xs\:row-end-4 { grid-row-end: 4; }
  .xs\:row-end-5 { grid-row-end: 5; }
  .xs\:row-end-6 { grid-row-end: 6; }
  .xs\:row-end-7 { grid-row-end: 7; }
  .xs\:row-end-8 { grid-row-end: 8; }
  .xs\:row-end-9 { grid-row-end: 9; }
  .xs\:row-end-10 { grid-row-end: 10; }
  .xs\:row-end-11 { grid-row-end: 11; }
  .xs\:row-end-12 { grid-row-end: 12; }
  .xs\:row-end-13 { grid-row-end: 13; }

  /* Gaps */
  .xs\:gap-0 { gap: 0; }
  .xs\:gap-5 { gap: var(--size-5); }
  .xs\:gap-10 { gap: var(--size-10); }
  .xs\:gap-15 { gap: var(--size-15); }
  .xs\:gap-16 { gap: var(--size-16); }
  .xs\:gap-20 { gap: var(--size-20); }
  .xs\:gap-25 { gap: var(--size-25); }
  .xs\:gap-30 { gap: var(--size-30); }
  .xs\:gap-35 { gap: var(--size-35); }
  .xs\:gap-40 { gap: var(--size-40); }
  .xs\:gap-45 { gap: var(--size-45); }
  .xs\:gap-50 { gap: var(--size-50); }
  .xs\:gap-55 { gap: var(--size-55); }
  .xs\:gap-60 { gap: var(--size-60); }
  .xs\:gap-65 { gap: var(--size-65); }
  .xs\:gap-70 { gap: var(--size-70); }
  .xs\:gap-75 { gap: var(--size-75); }
  .xs\:gap-80 { gap: var(--size-80); }
  .xs\:gap-85 { gap: var(--size-85); }
  .xs\:gap-90 { gap: var(--size-90); }
  .xs\:gap-95 { gap: var(--size-95); }
  .xs\:gap-100 { gap: var(--size-100); }
  .xs\:gap-x-0 { -moz-column-gap: 0; column-gap: 0; }
  .xs\:gap-x-5 { -moz-column-gap: var(--size-5); column-gap: var(--size-5); }
  .xs\:gap-x-10 { -moz-column-gap: var(--size-10); column-gap: var(--size-10); }
  .xs\:gap-x-15 { -moz-column-gap: var(--size-15); column-gap: var(--size-15); }
  .xs\:gap-x-16 { -moz-column-gap: var(--size-16); column-gap: var(--size-16); }
  .xs\:gap-x-20 { -moz-column-gap: var(--size-20); column-gap: var(--size-20); }
  .xs\:gap-x-25 { -moz-column-gap: var(--size-25); column-gap: var(--size-25); }
  .xs\:gap-x-30 { -moz-column-gap: var(--size-30); column-gap: var(--size-30); }
  .xs\:gap-x-35 { -moz-column-gap: var(--size-35); column-gap: var(--size-35); }
  .xs\:gap-x-40 { -moz-column-gap: var(--size-40); column-gap: var(--size-40); }
  .xs\:gap-x-45 { -moz-column-gap: var(--size-45); column-gap: var(--size-45); }
  .xs\:gap-x-50 { -moz-column-gap: var(--size-50); column-gap: var(--size-50); }
  .xs\:gap-x-55 { -moz-column-gap: var(--size-55); column-gap: var(--size-55); }
  .xs\:gap-x-60 { -moz-column-gap: var(--size-60); column-gap: var(--size-60); }
  .xs\:gap-x-65 { -moz-column-gap: var(--size-65); column-gap: var(--size-65); }
  .xs\:gap-x-70 { -moz-column-gap: var(--size-70); column-gap: var(--size-70); }
  .xs\:gap-x-75 { -moz-column-gap: var(--size-75); column-gap: var(--size-75); }
  .xs\:gap-x-80 { -moz-column-gap: var(--size-80); column-gap: var(--size-80); }
  .xs\:gap-x-85 { -moz-column-gap: var(--size-85); column-gap: var(--size-85); }
  .xs\:gap-x-90 { -moz-column-gap: var(--size-90); column-gap: var(--size-90); }
  .xs\:gap-x-95 { -moz-column-gap: var(--size-95); column-gap: var(--size-95); }
  .xs\:gap-x-100 { -moz-column-gap: var(--size-100); column-gap: var(--size-100); }
  .xs\:gap-y-0 { row-gap: 0; }
  .xs\:gap-y-5 { row-gap: var(--size-5); }
  .xs\:gap-y-10 { row-gap: var(--size-10); }
  .xs\:gap-y-15 { row-gap: var(--size-15); }
  .xs\:gap-y-16 { row-gap: var(--size-16); }
  .xs\:gap-y-20 { row-gap: var(--size-20); }
  .xs\:gap-y-25 { row-gap: var(--size-25); }
  .xs\:gap-y-30 { row-gap: var(--size-30); }
  .xs\:gap-y-35 { row-gap: var(--size-35); }
  .xs\:gap-y-40 { row-gap: var(--size-40); }
  .xs\:gap-y-45 { row-gap: var(--size-45); }
  .xs\:gap-y-50 { row-gap: var(--size-50); }
  .xs\:gap-y-55 { row-gap: var(--size-55); }
  .xs\:gap-y-60 { row-gap: var(--size-60); }
  .xs\:gap-y-65 { row-gap: var(--size-65); }
  .xs\:gap-y-70 { row-gap: var(--size-70); }
  .xs\:gap-y-75 { row-gap: var(--size-75); }
  .xs\:gap-y-80 { row-gap: var(--size-80); }
  .xs\:gap-y-85 { row-gap: var(--size-85); }
  .xs\:gap-y-90 { row-gap: var(--size-90); }
  .xs\:gap-y-95 { row-gap: var(--size-95); }
  .xs\:gap-y-100 { row-gap: var(--size-100); }

  /* Space Between Children */
  .xs\:space-y-0 > :not(:last-child) { margin-block-end: 0; }
  .xs\:space-y-5 > :not(:last-child) { margin-block-end: var(--size-5); }
  .xs\:space-y-10 > :not(:last-child) { margin-block-end: var(--size-10); }
  .xs\:space-y-15 > :not(:last-child) { margin-block-end: var(--size-15); }
  .xs\:space-y-16 > :not(:last-child) { margin-block-end: var(--size-16); }
  .xs\:space-y-20 > :not(:last-child) { margin-block-end: var(--size-20); }
  .xs\:space-y-25 > :not(:last-child) { margin-block-end: var(--size-25); }
  .xs\:space-y-30 > :not(:last-child) { margin-block-end: var(--size-30); }
  .xs\:space-y-35 > :not(:last-child) { margin-block-end: var(--size-35); }
  .xs\:space-y-40 > :not(:last-child) { margin-block-end: var(--size-40); }
  .xs\:space-y-45 > :not(:last-child) { margin-block-end: var(--size-45); }
  .xs\:space-y-50 > :not(:last-child) { margin-block-end: var(--size-50); }

  /* Margins */
  .xs\:m-0 { margin: 0; }
  .xs\:m-5 { margin: var(--size-5); }
  .xs\:m-10 { margin: var(--size-10); }
  .xs\:m-15 { margin: var(--size-15); }
  .xs\:m-16 { margin: var(--size-16); }
  .xs\:m-20 { margin: var(--size-20); }
  .xs\:m-25 { margin: var(--size-25); }
  .xs\:m-30 { margin: var(--size-30); }
  .xs\:m-35 { margin: var(--size-35); }
  .xs\:m-40 { margin: var(--size-40); }
  .xs\:m-45 { margin: var(--size-45); }
  .xs\:m-50 { margin: var(--size-50); }
  .xs\:m-55 { margin: var(--size-55); }
  .xs\:m-60 { margin: var(--size-60); }
  .xs\:m-65 { margin: var(--size-65); }
  .xs\:m-70 { margin: var(--size-70); }
  .xs\:m-75 { margin: var(--size-75); }
  .xs\:m-80 { margin: var(--size-80); }
  .xs\:m-85 { margin: var(--size-85); }
  .xs\:m-90 { margin: var(--size-90); }
  .xs\:m-95 { margin: var(--size-95); }
  .xs\:m-100 { margin: var(--size-100); }
  .xs\:m-auto { margin: auto; }
  .xs\:mx-0 { margin-inline: 0; }
  .xs\:mx-5 { margin-inline: var(--size-5); }
  .xs\:mx-10 { margin-inline: var(--size-10); }
  .xs\:mx-15 { margin-inline: var(--size-15); }
  .xs\:mx-16 { margin-inline: var(--size-16); }
  .xs\:mx-20 { margin-inline: var(--size-20); }
  .xs\:mx-25 { margin-inline: var(--size-25); }
  .xs\:mx-30 { margin-inline: var(--size-30); }
  .xs\:mx-35 { margin-inline: var(--size-35); }
  .xs\:mx-40 { margin-inline: var(--size-40); }
  .xs\:mx-45 { margin-inline: var(--size-45); }
  .xs\:mx-50 { margin-inline: var(--size-50); }
  .xs\:mx-55 { margin-inline: var(--size-55); }
  .xs\:mx-60 { margin-inline: var(--size-60); }
  .xs\:mx-65 { margin-inline: var(--size-65); }
  .xs\:mx-70 { margin-inline: var(--size-70); }
  .xs\:mx-75 { margin-inline: var(--size-75); }
  .xs\:mx-80 { margin-inline: var(--size-80); }
  .xs\:mx-85 { margin-inline: var(--size-85); }
  .xs\:mx-90 { margin-inline: var(--size-90); }
  .xs\:mx-95 { margin-inline: var(--size-95); }
  .xs\:mx-100 { margin-inline: var(--size-100); }
  .xs\:mx-auto { margin-inline: auto; }
  .xs\:my-0 { margin-block: 0; }
  .xs\:my-5 { margin-block: var(--size-5); }
  .xs\:my-10 { margin-block: var(--size-10); }
  .xs\:my-15 { margin-block: var(--size-15); }
  .xs\:my-16 { margin-block: var(--size-16); }
  .xs\:my-20 { margin-block: var(--size-20); }
  .xs\:my-25 { margin-block: var(--size-25); }
  .xs\:my-30 { margin-block: var(--size-30); }
  .xs\:my-35 { margin-block: var(--size-35); }
  .xs\:my-40 { margin-block: var(--size-40); }
  .xs\:my-45 { margin-block: var(--size-45); }
  .xs\:my-50 { margin-block: var(--size-50); }
  .xs\:my-55 { margin-block: var(--size-55); }
  .xs\:my-60 { margin-block: var(--size-60); }
  .xs\:my-65 { margin-block: var(--size-65); }
  .xs\:my-70 { margin-block: var(--size-70); }
  .xs\:my-75 { margin-block: var(--size-75); }
  .xs\:my-80 { margin-block: var(--size-80); }
  .xs\:my-85 { margin-block: var(--size-85); }
  .xs\:my-90 { margin-block: var(--size-90); }
  .xs\:my-95 { margin-block: var(--size-95); }
  .xs\:my-100 { margin-block: var(--size-100); }
  .xs\:my-auto { margin-block: auto; }
  .xs\:ms-0 { margin-inline-start: 0; }
  .xs\:ms-5 { margin-inline-start: var(--size-5); }
  .xs\:ms-10 { margin-inline-start: var(--size-10); }
  .xs\:ms-15 { margin-inline-start: var(--size-15); }
  .xs\:ms-16 { margin-inline-start: var(--size-16); }
  .xs\:ms-20 { margin-inline-start: var(--size-20); }
  .xs\:ms-25 { margin-inline-start: var(--size-25); }
  .xs\:ms-30 { margin-inline-start: var(--size-30); }
  .xs\:ms-35 { margin-inline-start: var(--size-35); }
  .xs\:ms-40 { margin-inline-start: var(--size-40); }
  .xs\:ms-45 { margin-inline-start: var(--size-45); }
  .xs\:ms-50 { margin-inline-start: var(--size-50); }
  .xs\:ms-55 { margin-inline-start: var(--size-55); }
  .xs\:ms-60 { margin-inline-start: var(--size-60); }
  .xs\:ms-65 { margin-inline-start: var(--size-65); }
  .xs\:ms-70 { margin-inline-start: var(--size-70); }
  .xs\:ms-75 { margin-inline-start: var(--size-75); }
  .xs\:ms-80 { margin-inline-start: var(--size-80); }
  .xs\:ms-85 { margin-inline-start: var(--size-85); }
  .xs\:ms-90 { margin-inline-start: var(--size-90); }
  .xs\:ms-95 { margin-inline-start: var(--size-95); }
  .xs\:ms-100 { margin-inline-start: var(--size-100); }
  .xs\:ms-auto { margin-inline-start: auto; }
  .xs\:me-0 { margin-inline-end: 0; }
  .xs\:me-5 { margin-inline-end: var(--size-5); }
  .xs\:me-10 { margin-inline-end: var(--size-10); }
  .xs\:me-15 { margin-inline-end: var(--size-15); }
  .xs\:me-16 { margin-inline-end: var(--size-16); }
  .xs\:me-20 { margin-inline-end: var(--size-20); }
  .xs\:me-25 { margin-inline-end: var(--size-25); }
  .xs\:me-30 { margin-inline-end: var(--size-30); }
  .xs\:me-35 { margin-inline-end: var(--size-35); }
  .xs\:me-40 { margin-inline-end: var(--size-40); }
  .xs\:me-45 { margin-inline-end: var(--size-45); }
  .xs\:me-50 { margin-inline-end: var(--size-50); }
  .xs\:me-55 { margin-inline-end: var(--size-55); }
  .xs\:me-60 { margin-inline-end: var(--size-60); }
  .xs\:me-65 { margin-inline-end: var(--size-65); }
  .xs\:me-70 { margin-inline-end: var(--size-70); }
  .xs\:me-75 { margin-inline-end: var(--size-75); }
  .xs\:me-80 { margin-inline-end: var(--size-80); }
  .xs\:me-85 { margin-inline-end: var(--size-85); }
  .xs\:me-90 { margin-inline-end: var(--size-90); }
  .xs\:me-95 { margin-inline-end: var(--size-95); }
  .xs\:me-100 { margin-inline-end: var(--size-100); }
  .xs\:me-auto { margin-inline-end: auto; }
  .xs\:mt-0 { margin-top: 0; }
  .xs\:mt-5 { margin-top: var(--size-5); }
  .xs\:mt-10 { margin-top: var(--size-10); }
  .xs\:mt-15 { margin-top: var(--size-15); }
  .xs\:mt-16 { margin-top: var(--size-16); }
  .xs\:mt-20 { margin-top: var(--size-20); }
  .xs\:mt-25 { margin-top: var(--size-25); }
  .xs\:mt-30 { margin-top: var(--size-30); }
  .xs\:mt-35 { margin-top: var(--size-35); }
  .xs\:mt-40 { margin-top: var(--size-40); }
  .xs\:mt-45 { margin-top: var(--size-45); }
  .xs\:mt-50 { margin-top: var(--size-50); }
  .xs\:mt-55 { margin-top: var(--size-55); }
  .xs\:mt-60 { margin-top: var(--size-60); }
  .xs\:mt-65 { margin-top: var(--size-65); }
  .xs\:mt-70 { margin-top: var(--size-70); }
  .xs\:mt-75 { margin-top: var(--size-75); }
  .xs\:mt-80 { margin-top: var(--size-80); }
  .xs\:mt-85 { margin-top: var(--size-85); }
  .xs\:mt-90 { margin-top: var(--size-90); }
  .xs\:mt-95 { margin-top: var(--size-95); }
  .xs\:mt-100 { margin-top: var(--size-100); }
  .xs\:mt-auto { margin-top: auto; }
  .xs\:mr-0 { margin-right: 0; }
  .xs\:mr-5 { margin-right: var(--size-5); }
  .xs\:mr-10 { margin-right: var(--size-10); }
  .xs\:mr-15 { margin-right: var(--size-15); }
  .xs\:mr-16 { margin-right: var(--size-16); }
  .xs\:mr-20 { margin-right: var(--size-20); }
  .xs\:mr-25 { margin-right: var(--size-25); }
  .xs\:mr-30 { margin-right: var(--size-30); }
  .xs\:mr-35 { margin-right: var(--size-35); }
  .xs\:mr-40 { margin-right: var(--size-40); }
  .xs\:mr-45 { margin-right: var(--size-45); }
  .xs\:mr-50 { margin-right: var(--size-50); }
  .xs\:mr-55 { margin-right: var(--size-55); }
  .xs\:mr-60 { margin-right: var(--size-60); }
  .xs\:mr-65 { margin-right: var(--size-65); }
  .xs\:mr-70 { margin-right: var(--size-70); }
  .xs\:mr-75 { margin-right: var(--size-75); }
  .xs\:mr-80 { margin-right: var(--size-80); }
  .xs\:mr-85 { margin-right: var(--size-85); }
  .xs\:mr-90 { margin-right: var(--size-90); }
  .xs\:mr-95 { margin-right: var(--size-95); }
  .xs\:mr-100 { margin-right: var(--size-100); }
  .xs\:mr-auto { margin-right: auto; }
  .xs\:mb-0 { margin-bottom: 0; }
  .xs\:mb-5 { margin-bottom: var(--size-5); }
  .xs\:mb-10 { margin-bottom: var(--size-10); }
  .xs\:mb-15 { margin-bottom: var(--size-15); }
  .xs\:mb-16 { margin-bottom: var(--size-16); }
  .xs\:mb-20 { margin-bottom: var(--size-20); }
  .xs\:mb-25 { margin-bottom: var(--size-25); }
  .xs\:mb-30 { margin-bottom: var(--size-30); }
  .xs\:mb-35 { margin-bottom: var(--size-35); }
  .xs\:mb-40 { margin-bottom: var(--size-40); }
  .xs\:mb-45 { margin-bottom: var(--size-45); }
  .xs\:mb-50 { margin-bottom: var(--size-50); }
  .xs\:mb-55 { margin-bottom: var(--size-55); }
  .xs\:mb-60 { margin-bottom: var(--size-60); }
  .xs\:mb-65 { margin-bottom: var(--size-65); }
  .xs\:mb-70 { margin-bottom: var(--size-70); }
  .xs\:mb-75 { margin-bottom: var(--size-75); }
  .xs\:mb-80 { margin-bottom: var(--size-80); }
  .xs\:mb-85 { margin-bottom: var(--size-85); }
  .xs\:mb-90 { margin-bottom: var(--size-90); }
  .xs\:mb-95 { margin-bottom: var(--size-95); }
  .xs\:mb-100 { margin-bottom: var(--size-100); }
  .xs\:mb-auto { margin-bottom: auto; }
  .xs\:ml-0 { margin-left: 0; }
  .xs\:ml-5 { margin-left: var(--size-5); }
  .xs\:ml-10 { margin-left: var(--size-10); }
  .xs\:ml-15 { margin-left: var(--size-15); }
  .xs\:ml-16 { margin-left: var(--size-16); }
  .xs\:ml-20 { margin-left: var(--size-20); }
  .xs\:ml-25 { margin-left: var(--size-25); }
  .xs\:ml-30 { margin-left: var(--size-30); }
  .xs\:ml-35 { margin-left: var(--size-35); }
  .xs\:ml-40 { margin-left: var(--size-40); }
  .xs\:ml-45 { margin-left: var(--size-45); }
  .xs\:ml-50 { margin-left: var(--size-50); }
  .xs\:ml-55 { margin-left: var(--size-55); }
  .xs\:ml-60 { margin-left: var(--size-60); }
  .xs\:ml-65 { margin-left: var(--size-65); }
  .xs\:ml-70 { margin-left: var(--size-70); }
  .xs\:ml-75 { margin-left: var(--size-75); }
  .xs\:ml-80 { margin-left: var(--size-80); }
  .xs\:ml-85 { margin-left: var(--size-85); }
  .xs\:ml-90 { margin-left: var(--size-90); }
  .xs\:ml-95 { margin-left: var(--size-95); }
  .xs\:ml-100 { margin-left: var(--size-100); }
  .xs\:ml-auto { margin-left: auto; }

  /* Paddings */
  .xs\:p-0 { padding: 0; }
  .xs\:p-5 { padding: var(--size-5); }
  .xs\:p-10 { padding: var(--size-10); }
  .xs\:p-15 { padding: var(--size-15); }
  .xs\:p-16 { padding: var(--size-16); }
  .xs\:p-20 { padding: var(--size-20); }
  .xs\:p-25 { padding: var(--size-25); }
  .xs\:p-30 { padding: var(--size-30); }
  .xs\:p-35 { padding: var(--size-35); }
  .xs\:p-40 { padding: var(--size-40); }
  .xs\:p-45 { padding: var(--size-45); }
  .xs\:p-50 { padding: var(--size-50); }
  .xs\:p-55 { padding: var(--size-55); }
  .xs\:p-60 { padding: var(--size-60); }
  .xs\:p-65 { padding: var(--size-65); }
  .xs\:p-70 { padding: var(--size-70); }
  .xs\:p-75 { padding: var(--size-75); }
  .xs\:p-80 { padding: var(--size-80); }
  .xs\:p-85 { padding: var(--size-85); }
  .xs\:p-90 { padding: var(--size-90); }
  .xs\:p-95 { padding: var(--size-95); }
  .xs\:p-100 { padding: var(--size-100); }
  .xs\:px-0 { padding-inline: 0; }
  .xs\:px-5 { padding-inline: var(--size-5); }
  .xs\:px-10 { padding-inline: var(--size-10); }
  .xs\:px-15 { padding-inline: var(--size-15); }
  .xs\:px-16 { padding-inline: var(--size-16); }
  .xs\:px-20 { padding-inline: var(--size-20); }
  .xs\:px-25 { padding-inline: var(--size-25); }
  .xs\:px-30 { padding-inline: var(--size-30); }
  .xs\:px-35 { padding-inline: var(--size-35); }
  .xs\:px-40 { padding-inline: var(--size-40); }
  .xs\:px-45 { padding-inline: var(--size-45); }
  .xs\:px-50 { padding-inline: var(--size-50); }
  .xs\:px-55 { padding-inline: var(--size-55); }
  .xs\:px-60 { padding-inline: var(--size-60); }
  .xs\:px-65 { padding-inline: var(--size-65); }
  .xs\:px-70 { padding-inline: var(--size-70); }
  .xs\:px-75 { padding-inline: var(--size-75); }
  .xs\:px-80 { padding-inline: var(--size-80); }
  .xs\:px-85 { padding-inline: var(--size-85); }
  .xs\:px-90 { padding-inline: var(--size-90); }
  .xs\:px-95 { padding-inline: var(--size-95); }
  .xs\:px-100 { padding-inline: var(--size-100); }
  .xs\:py-0 { padding-block: 0; }
  .xs\:py-5 { padding-block: var(--size-5); }
  .xs\:py-10 { padding-block: var(--size-10); }
  .xs\:py-15 { padding-block: var(--size-15); }
  .xs\:py-16 { padding-block: var(--size-16); }
  .xs\:py-20 { padding-block: var(--size-20); }
  .xs\:py-25 { padding-block: var(--size-25); }
  .xs\:py-30 { padding-block: var(--size-30); }
  .xs\:py-35 { padding-block: var(--size-35); }
  .xs\:py-40 { padding-block: var(--size-40); }
  .xs\:py-45 { padding-block: var(--size-45); }
  .xs\:py-50 { padding-block: var(--size-50); }
  .xs\:py-55 { padding-block: var(--size-55); }
  .xs\:py-60 { padding-block: var(--size-60); }
  .xs\:py-65 { padding-block: var(--size-65); }
  .xs\:py-70 { padding-block: var(--size-70); }
  .xs\:py-75 { padding-block: var(--size-75); }
  .xs\:py-80 { padding-block: var(--size-80); }
  .xs\:py-85 { padding-block: var(--size-85); }
  .xs\:py-90 { padding-block: var(--size-90); }
  .xs\:py-95 { padding-block: var(--size-95); }
  .xs\:py-100 { padding-block: var(--size-100); }
  .xs\:ps-0 { padding-inline-start: 0; }
  .xs\:ps-5 { padding-inline-start: var(--size-5); }
  .xs\:ps-10 { padding-inline-start: var(--size-10); }
  .xs\:ps-15 { padding-inline-start: var(--size-15); }
  .xs\:ps-16 { padding-inline-start: var(--size-16); }
  .xs\:ps-20 { padding-inline-start: var(--size-20); }
  .xs\:ps-25 { padding-inline-start: var(--size-25); }
  .xs\:ps-30 { padding-inline-start: var(--size-30); }
  .xs\:ps-35 { padding-inline-start: var(--size-35); }
  .xs\:ps-40 { padding-inline-start: var(--size-40); }
  .xs\:ps-45 { padding-inline-start: var(--size-45); }
  .xs\:ps-50 { padding-inline-start: var(--size-50); }
  .xs\:ps-55 { padding-inline-start: var(--size-55); }
  .xs\:ps-60 { padding-inline-start: var(--size-60); }
  .xs\:ps-65 { padding-inline-start: var(--size-65); }
  .xs\:ps-70 { padding-inline-start: var(--size-70); }
  .xs\:ps-75 { padding-inline-start: var(--size-75); }
  .xs\:ps-80 { padding-inline-start: var(--size-80); }
  .xs\:ps-85 { padding-inline-start: var(--size-85); }
  .xs\:ps-90 { padding-inline-start: var(--size-90); }
  .xs\:ps-95 { padding-inline-start: var(--size-95); }
  .xs\:ps-100 { padding-inline-start: var(--size-100); }
  .xs\:pe-0 { padding-inline-end: 0; }
  .xs\:pe-5 { padding-inline-end: var(--size-5); }
  .xs\:pe-10 { padding-inline-end: var(--size-10); }
  .xs\:pe-15 { padding-inline-end: var(--size-15); }
  .xs\:pe-16 { padding-inline-end: var(--size-16); }
  .xs\:pe-20 { padding-inline-end: var(--size-20); }
  .xs\:pe-25 { padding-inline-end: var(--size-25); }
  .xs\:pe-30 { padding-inline-end: var(--size-30); }
  .xs\:pe-35 { padding-inline-end: var(--size-35); }
  .xs\:pe-40 { padding-inline-end: var(--size-40); }
  .xs\:pe-45 { padding-inline-end: var(--size-45); }
  .xs\:pe-50 { padding-inline-end: var(--size-50); }
  .xs\:pe-55 { padding-inline-end: var(--size-55); }
  .xs\:pe-60 { padding-inline-end: var(--size-60); }
  .xs\:pe-65 { padding-inline-end: var(--size-65); }
  .xs\:pe-70 { padding-inline-end: var(--size-70); }
  .xs\:pe-75 { padding-inline-end: var(--size-75); }
  .xs\:pe-80 { padding-inline-end: var(--size-80); }
  .xs\:pe-85 { padding-inline-end: var(--size-85); }
  .xs\:pe-90 { padding-inline-end: var(--size-90); }
  .xs\:pe-95 { padding-inline-end: var(--size-95); }
  .xs\:pe-100 { padding-inline-end: var(--size-100); }
  .xs\:pt-0 { padding-top: 0; }
  .xs\:pt-5 { padding-top: var(--size-5); }
  .xs\:pt-10 { padding-top: var(--size-10); }
  .xs\:pt-15 { padding-top: var(--size-15); }
  .xs\:pt-16 { padding-top: var(--size-16); }
  .xs\:pt-20 { padding-top: var(--size-20); }
  .xs\:pt-25 { padding-top: var(--size-25); }
  .xs\:pt-30 { padding-top: var(--size-30); }
  .xs\:pt-35 { padding-top: var(--size-35); }
  .xs\:pt-40 { padding-top: var(--size-40); }
  .xs\:pt-45 { padding-top: var(--size-45); }
  .xs\:pt-50 { padding-top: var(--size-50); }
  .xs\:pt-55 { padding-top: var(--size-55); }
  .xs\:pt-60 { padding-top: var(--size-60); }
  .xs\:pt-65 { padding-top: var(--size-65); }
  .xs\:pt-70 { padding-top: var(--size-70); }
  .xs\:pt-75 { padding-top: var(--size-75); }
  .xs\:pt-80 { padding-top: var(--size-80); }
  .xs\:pt-85 { padding-top: var(--size-85); }
  .xs\:pt-90 { padding-top: var(--size-90); }
  .xs\:pt-95 { padding-top: var(--size-95); }
  .xs\:pt-100 { padding-top: var(--size-100); }
  .xs\:pr-0 { padding-right: 0; }
  .xs\:pr-5 { padding-right: var(--size-5); }
  .xs\:pr-10 { padding-right: var(--size-10); }
  .xs\:pr-15 { padding-right: var(--size-15); }
  .xs\:pr-16 { padding-right: var(--size-16); }
  .xs\:pr-20 { padding-right: var(--size-20); }
  .xs\:pr-25 { padding-right: var(--size-25); }
  .xs\:pr-30 { padding-right: var(--size-30); }
  .xs\:pr-35 { padding-right: var(--size-35); }
  .xs\:pr-40 { padding-right: var(--size-40); }
  .xs\:pr-45 { padding-right: var(--size-45); }
  .xs\:pr-50 { padding-right: var(--size-50); }
  .xs\:pr-55 { padding-right: var(--size-55); }
  .xs\:pr-60 { padding-right: var(--size-60); }
  .xs\:pr-65 { padding-right: var(--size-65); }
  .xs\:pr-70 { padding-right: var(--size-70); }
  .xs\:pr-75 { padding-right: var(--size-75); }
  .xs\:pr-80 { padding-right: var(--size-80); }
  .xs\:pr-85 { padding-right: var(--size-85); }
  .xs\:pr-90 { padding-right: var(--size-90); }
  .xs\:pr-95 { padding-right: var(--size-95); }
  .xs\:pr-100 { padding-right: var(--size-100); }
  .xs\:pb-0 { padding-bottom: 0; }
  .xs\:pb-5 { padding-bottom: var(--size-5); }
  .xs\:pb-10 { padding-bottom: var(--size-10); }
  .xs\:pb-15 { padding-bottom: var(--size-15); }
  .xs\:pb-16 { padding-bottom: var(--size-16); }
  .xs\:pb-20 { padding-bottom: var(--size-20); }
  .xs\:pb-25 { padding-bottom: var(--size-25); }
  .xs\:pb-30 { padding-bottom: var(--size-30); }
  .xs\:pb-35 { padding-bottom: var(--size-35); }
  .xs\:pb-40 { padding-bottom: var(--size-40); }
  .xs\:pb-45 { padding-bottom: var(--size-45); }
  .xs\:pb-50 { padding-bottom: var(--size-50); }
  .xs\:pb-55 { padding-bottom: var(--size-55); }
  .xs\:pb-60 { padding-bottom: var(--size-60); }
  .xs\:pb-65 { padding-bottom: var(--size-65); }
  .xs\:pb-70 { padding-bottom: var(--size-70); }
  .xs\:pb-75 { padding-bottom: var(--size-75); }
  .xs\:pb-80 { padding-bottom: var(--size-80); }
  .xs\:pb-85 { padding-bottom: var(--size-85); }
  .xs\:pb-90 { padding-bottom: var(--size-90); }
  .xs\:pb-95 { padding-bottom: var(--size-95); }
  .xs\:pb-100 { padding-bottom: var(--size-100); }
  .xs\:pl-0 { padding-left: 0; }
  .xs\:pl-5 { padding-left: var(--size-5); }
  .xs\:pl-10 { padding-left: var(--size-10); }
  .xs\:pl-15 { padding-left: var(--size-15); }
  .xs\:pl-16 { padding-left: var(--size-16); }
  .xs\:pl-20 { padding-left: var(--size-20); }
  .xs\:pl-25 { padding-left: var(--size-25); }
  .xs\:pl-30 { padding-left: var(--size-30); }
  .xs\:pl-35 { padding-left: var(--size-35); }
  .xs\:pl-40 { padding-left: var(--size-40); }
  .xs\:pl-45 { padding-left: var(--size-45); }
  .xs\:pl-50 { padding-left: var(--size-50); }
  .xs\:pl-55 { padding-left: var(--size-55); }
  .xs\:pl-60 { padding-left: var(--size-60); }
  .xs\:pl-65 { padding-left: var(--size-65); }
  .xs\:pl-70 { padding-left: var(--size-70); }
  .xs\:pl-75 { padding-left: var(--size-75); }
  .xs\:pl-80 { padding-left: var(--size-80); }
  .xs\:pl-85 { padding-left: var(--size-85); }
  .xs\:pl-90 { padding-left: var(--size-90); }
  .xs\:pl-95 { padding-left: var(--size-95); }
  .xs\:pl-100 { padding-left: var(--size-100); }

  /* Typography */
  :is(.xs\:h1, .xs\:h2, .xs\:h3, .xs\:h4, .xs\:h5, .xs\:h6) > :where(h1, h2, h3, h4, h5, h6):where(:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)) { font-size: inherit; }
  .xs\:h1 { font-size: var(--h1-size); }
  .xs\:h2 { font-size: var(--h2-size); }
  .xs\:h3 { font-size: var(--h3-size); }
  .xs\:h4 { font-size: var(--h4-size); }
  .xs\:h5 { font-size: var(--h5-size); }
  .xs\:h6 { font-size: var(--h6-size); }
  .xs\:text-2xl { font-size: var(--text-2xl); }
  .xs\:text-xl { font-size: var(--text-xl); }
  .xs\:text-lg { font-size: var(--text-lg); }
  .xs\:text-md { font-size: var(--text-md); }
  .xs\:text-base { font-size: var(--text-base); }
  .xs\:text-sm { font-size: var(--text-sm); }
  .xs\:text-xs { font-size: var(--text-xs); }
  .xs\:leading-tight { line-height: var(--leading-tight); }
  .xs\:leading-snug { line-height: var(--leading-snug); }
  .xs\:leading-normal { line-height: var(--leading-normal); }
  .xs\:leading-relaxed { line-height: var(--leading-relaxed); }
  .xs\:leading-loose { line-height: var(--leading-loose); }
  .xs\:tracking-tighter { letter-spacing: var(--tracking-tighter); }
  .xs\:tracking-tight { letter-spacing: var(--tracking-tight); }
  .xs\:tracking-normal { letter-spacing: var(--tracking-normal); }
  .xs\:tracking-wide { letter-spacing: var(--tracking-wide); }
  .xs\:tracking-wider { letter-spacing: var(--tracking-wider); }
  .xs\:tracking-widest { letter-spacing: var(--tracking-widest); }

  /* Radius */
  .xs\:rounded-none { border-radius: 0; }
  .xs\:rounded-xs { border-radius: var(--radius-xs); }
  .xs\:rounded-sm { border-radius: var(--radius-sm); }
  .xs\:rounded-md { border-radius: var(--radius-md); }
  .xs\:rounded-lg { border-radius: var(--radius-lg); }
  .xs\:rounded-xl { border-radius: var(--radius-xl); }
  .xs\:rounded-2xl { border-radius: var(--radius-2xl); }
  .xs\:rounded-3xl { border-radius: var(--radius-3xl); }
  .xs\:rounded-4xl { border-radius: var(--radius-4xl); }
  .xs\:rounded-full { border-radius: 9999px; }

  /* Lists, Interaction & Object Fit */
  .xs\:list-none { list-style-type: none; }
  .xs\:pointer-events-none { pointer-events: none; }
  .xs\:pointer-events-auto { pointer-events: auto; }
  .xs\:object-contain { -o-object-fit: contain; object-fit: contain; }
  .xs\:object-cover { -o-object-fit: cover; object-fit: cover; }
  .xs\:object-fill { -o-object-fit: fill; object-fit: fill; }
  .xs\:object-none { -o-object-fit: none; object-fit: none; }
  .xs\:object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; }
  .xs\:object-center { -o-object-position: center; object-position: center; }

  /* Opacity */
  .xs\:opacity-0 { opacity: 0%; }
  .xs\:opacity-1 { opacity: 1%; }
  .xs\:opacity-2 { opacity: 2%; }
  .xs\:opacity-3 { opacity: 3%; }
  .xs\:opacity-4 { opacity: 4%; }
  .xs\:opacity-5 { opacity: 5%; }
  .xs\:opacity-6 { opacity: 6%; }
  .xs\:opacity-7 { opacity: 7%; }
  .xs\:opacity-8 { opacity: 8%; }
  .xs\:opacity-9 { opacity: 9%; }
  .xs\:opacity-10 { opacity: 10%; }
  .xs\:opacity-11 { opacity: 11%; }
  .xs\:opacity-12 { opacity: 12%; }
  .xs\:opacity-13 { opacity: 13%; }
  .xs\:opacity-14 { opacity: 14%; }
  .xs\:opacity-15 { opacity: 15%; }
  .xs\:opacity-16 { opacity: 16%; }
  .xs\:opacity-17 { opacity: 17%; }
  .xs\:opacity-18 { opacity: 18%; }
  .xs\:opacity-19 { opacity: 19%; }
  .xs\:opacity-20 { opacity: 20%; }
  .xs\:opacity-21 { opacity: 21%; }
  .xs\:opacity-22 { opacity: 22%; }
  .xs\:opacity-23 { opacity: 23%; }
  .xs\:opacity-24 { opacity: 24%; }
  .xs\:opacity-25 { opacity: 25%; }
  .xs\:opacity-26 { opacity: 26%; }
  .xs\:opacity-27 { opacity: 27%; }
  .xs\:opacity-28 { opacity: 28%; }
  .xs\:opacity-29 { opacity: 29%; }
  .xs\:opacity-30 { opacity: 30%; }
  .xs\:opacity-31 { opacity: 31%; }
  .xs\:opacity-32 { opacity: 32%; }
  .xs\:opacity-33 { opacity: 33%; }
  .xs\:opacity-34 { opacity: 34%; }
  .xs\:opacity-35 { opacity: 35%; }
  .xs\:opacity-36 { opacity: 36%; }
  .xs\:opacity-37 { opacity: 37%; }
  .xs\:opacity-38 { opacity: 38%; }
  .xs\:opacity-39 { opacity: 39%; }
  .xs\:opacity-40 { opacity: 40%; }
  .xs\:opacity-41 { opacity: 41%; }
  .xs\:opacity-42 { opacity: 42%; }
  .xs\:opacity-43 { opacity: 43%; }
  .xs\:opacity-44 { opacity: 44%; }
  .xs\:opacity-45 { opacity: 45%; }
  .xs\:opacity-46 { opacity: 46%; }
  .xs\:opacity-47 { opacity: 47%; }
  .xs\:opacity-48 { opacity: 48%; }
  .xs\:opacity-49 { opacity: 49%; }
  .xs\:opacity-50 { opacity: 50%; }
  .xs\:opacity-51 { opacity: 51%; }
  .xs\:opacity-52 { opacity: 52%; }
  .xs\:opacity-53 { opacity: 53%; }
  .xs\:opacity-54 { opacity: 54%; }
  .xs\:opacity-55 { opacity: 55%; }
  .xs\:opacity-56 { opacity: 56%; }
  .xs\:opacity-57 { opacity: 57%; }
  .xs\:opacity-58 { opacity: 58%; }
  .xs\:opacity-59 { opacity: 59%; }
  .xs\:opacity-60 { opacity: 60%; }
  .xs\:opacity-61 { opacity: 61%; }
  .xs\:opacity-62 { opacity: 62%; }
  .xs\:opacity-63 { opacity: 63%; }
  .xs\:opacity-64 { opacity: 64%; }
  .xs\:opacity-65 { opacity: 65%; }
  .xs\:opacity-66 { opacity: 66%; }
  .xs\:opacity-67 { opacity: 67%; }
  .xs\:opacity-68 { opacity: 68%; }
  .xs\:opacity-69 { opacity: 69%; }
  .xs\:opacity-70 { opacity: 70%; }
  .xs\:opacity-71 { opacity: 71%; }
  .xs\:opacity-72 { opacity: 72%; }
  .xs\:opacity-73 { opacity: 73%; }
  .xs\:opacity-74 { opacity: 74%; }
  .xs\:opacity-75 { opacity: 75%; }
  .xs\:opacity-76 { opacity: 76%; }
  .xs\:opacity-77 { opacity: 77%; }
  .xs\:opacity-78 { opacity: 78%; }
  .xs\:opacity-79 { opacity: 79%; }
  .xs\:opacity-80 { opacity: 80%; }
  .xs\:opacity-81 { opacity: 81%; }
  .xs\:opacity-82 { opacity: 82%; }
  .xs\:opacity-83 { opacity: 83%; }
  .xs\:opacity-84 { opacity: 84%; }
  .xs\:opacity-85 { opacity: 85%; }
  .xs\:opacity-86 { opacity: 86%; }
  .xs\:opacity-87 { opacity: 87%; }
  .xs\:opacity-88 { opacity: 88%; }
  .xs\:opacity-89 { opacity: 89%; }
  .xs\:opacity-90 { opacity: 90%; }
  .xs\:opacity-91 { opacity: 91%; }
  .xs\:opacity-92 { opacity: 92%; }
  .xs\:opacity-93 { opacity: 93%; }
  .xs\:opacity-94 { opacity: 94%; }
  .xs\:opacity-95 { opacity: 95%; }
  .xs\:opacity-96 { opacity: 96%; }
  .xs\:opacity-97 { opacity: 97%; }
  .xs\:opacity-98 { opacity: 98%; }
  .xs\:opacity-99 { opacity: 99%; }
  .xs\:opacity-100 { opacity: 100%; }

  /* Transitions */
  .xs\:transition { transition-property: all; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .xs\:transition-colors { transition-property: color, background-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .xs\:duration-200 { transition-duration: var(--transition-duration); }
  .xs\:ease-out { transition-timing-function: var(--transition-timing-function); }
}

/* Breakpoint SM (640px) */
@media (min-width:40rem) {
  /* Text Transform & Wrapping */
  .sm\:uppercase { text-transform: uppercase; }
  .sm\:lowercase { text-transform: lowercase; }
  .sm\:capitalize { text-transform: capitalize; }
  .sm\:text-wrap { white-space: normal; }
  .sm\:text-nowrap { white-space: nowrap; }

  /* Visibility */
  .sm\:visible { visibility: visible; }
  .sm\:invisible { visibility: hidden; }

  /* Overflow */
  .sm\:overflow-auto { overflow: auto; }
  .sm\:overflow-visible { overflow: visible; }
  .sm\:overflow-clip { overflow: clip; }
  .sm\:overflow-hidden { overflow: hidden; }
  .sm\:overflow-scroll { overflow: scroll; }
  .sm\:overflow-x-auto { overflow-x: auto; }
  .sm\:overflow-y-auto { overflow-y: auto; }
  .sm\:overflow-x-hidden { overflow-x: hidden; }
  .sm\:overflow-y-hidden { overflow-y: hidden; }

  /* Sizing */
  .sm\:w-auto { width: auto; }
  .sm\:w-full { width: 100%; }
  .sm\:w-fit { width: -moz-fit-content; width: fit-content; }
  .sm\:h-auto { height: auto; }
  .sm\:h-full { height: 100%; }
  .sm\:h-fit { height: -moz-fit-content; height: fit-content; }
  .sm\:min-w-0 { min-width: 0; }
  .sm\:max-w-full { max-width: 100%; }

  /* Display */
  .sm\:hidden { display: none; }
  .sm\:block { display: block; }
  .sm\:inline { display: inline; }
  .sm\:inline-block { display: inline-block; }
  .sm\:flex { display: flex; }
  .sm\:inline-flex { display: inline-flex; }
  .sm\:grid { display: grid; }
  .sm\:inline-grid { display: inline-grid; }
  .sm\:contents { display: contents; }

  /* Position */
  .sm\:static { position: static; }
  .sm\:relative { position: relative; }
  .sm\:absolute { position: absolute; }
  .sm\:fixed { position: fixed; }
  .sm\:sticky { position: sticky; }
  .sm\:inset-0 { inset: 0; }
  .sm\:inset-x-0 { left: 0; right: 0; }
  .sm\:inset-y-0 { top: 0; bottom: 0; }
  .sm\:top-0 { top: 0; }
  .sm\:right-0 { right: 0; }
  .sm\:bottom-0 { bottom: 0; }
  .sm\:left-0 { left: 0; }

  /* Z-index */
  .sm\:z-auto { z-index: auto; }
  .sm\:z-0 { z-index: 0; }
  .sm\:z-10 { z-index: 10; }
  .sm\:z-20 { z-index: 20; }
  .sm\:z-30 { z-index: 30; }
  .sm\:z-40 { z-index: 40; }
  .sm\:z-50 { z-index: 50; }
  .sm\:-z-10 { z-index: -10; }

  /* Text Align */
  .sm\:text-left { text-align: left; }
  .sm\:text-center { text-align: center; }
  .sm\:text-right { text-align: right; }
  .sm\:text-justify { text-align: justify; }

  /* Text Decoration */
  .sm\:no-underline { text-decoration: none; }
  .sm\:underline { text-decoration: underline; }
  .sm\:line-through { text-decoration: line-through; }
  .sm\:decoration-1 { text-decoration-thickness: 1px; }
  .sm\:underline-offset-1 { text-underline-offset: 1px; }

  /* Font Style & Weight */
  .sm\:italic { font-style: italic; }
  .sm\:not-italic { font-style: normal; }
  .sm\:font-thin { font-weight: 100; }
  .sm\:font-extralight { font-weight: 200; }
  .sm\:font-light { font-weight: 300; }
  .sm\:font-normal { font-weight: 400; }
  .sm\:font-medium { font-weight: 500; }
  .sm\:font-semibold { font-weight: 600; }
  .sm\:font-bold { font-weight: 700; }
  .sm\:font-extrabold { font-weight: 800; }
  .sm\:font-black { font-weight: 900; }

  /* Flex */
  .sm\:flex-row { flex-direction: row; }
  .sm\:flex-col { flex-direction: column; }
  .sm\:flex-row-reverse { flex-direction: row-reverse; }
  .sm\:flex-col-reverse { flex-direction: column-reverse; }
  .sm\:flex-wrap { flex-wrap: wrap; }
  .sm\:flex-nowrap { flex-wrap: nowrap; }
  .sm\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .sm\:flex-1 { flex: 1 1 0%; }
  .sm\:flex-auto { flex: 1 1 auto; }
  .sm\:flex-initial { flex: 0 1 auto; }
  .sm\:flex-none { flex: none; }
  .sm\:grow { flex-grow: 1; }
  .sm\:grow-0 { flex-grow: 0; }
  .sm\:shrink { flex-shrink: 1; }
  .sm\:shrink-0 { flex-shrink: 0; }

  /* Justify */
  .sm\:justify-start { justify-content: flex-start; }
  .sm\:justify-end { justify-content: flex-end; }
  .sm\:justify-center { justify-content: center; }
  .sm\:justify-between { justify-content: space-between; }
  .sm\:justify-around { justify-content: space-around; }
  .sm\:justify-evenly { justify-content: space-evenly; }
  .sm\:justify-items-start { justify-items: start; }
  .sm\:justify-items-end { justify-items: end; }
  .sm\:justify-items-center { justify-items: center; }
  .sm\:justify-items-stretch { justify-items: stretch; }
  .sm\:justify-self-auto { justify-self: auto; }
  .sm\:justify-self-start { justify-self: start; }
  .sm\:justify-self-end { justify-self: end; }
  .sm\:justify-self-center { justify-self: center; }
  .sm\:justify-self-stretch { justify-self: stretch; }

  /* Align */
  .sm\:items-start { align-items: flex-start; }
  .sm\:items-end { align-items: flex-end; }
  .sm\:items-center { align-items: center; }
  .sm\:items-baseline { align-items: baseline; }
  .sm\:items-stretch { align-items: stretch; }
  .sm\:content-start { align-content: flex-start; }
  .sm\:content-end { align-content: flex-end; }
  .sm\:content-center { align-content: center; }
  .sm\:content-between { align-content: space-between; }
  .sm\:content-around { align-content: space-around; }
  .sm\:content-evenly { align-content: space-evenly; }
  .sm\:content-stretch { align-content: stretch; }
  .sm\:self-auto { align-self: auto; }
  .sm\:self-start { align-self: flex-start; }
  .sm\:self-end { align-self: flex-end; }
  .sm\:self-center { align-self: center; }
  .sm\:self-baseline { align-self: baseline; }
  .sm\:self-stretch { align-self: stretch; }
  .sm\:place-items-start { place-items: start; }
  .sm\:place-items-end { place-items: end; }
  .sm\:place-items-center { place-items: center; }
  .sm\:place-items-baseline { place-items: baseline; }
  .sm\:place-items-stretch { place-items: stretch; }
  .sm\:place-content-start { place-content: start; }
  .sm\:place-content-end { place-content: end; }
  .sm\:place-content-center { place-content: center; }
  .sm\:place-content-between { place-content: space-between; }
  .sm\:place-content-around { place-content: space-around; }
  .sm\:place-content-evenly { place-content: space-evenly; }
  .sm\:place-content-stretch { place-content: stretch; }
  .sm\:place-self-auto { place-self: auto; }
  .sm\:place-self-start { place-self: start; }
  .sm\:place-self-end { place-self: end; }
  .sm\:place-self-center { place-self: center; }
  .sm\:place-self-stretch { place-self: stretch; }

  /* Order */
  .sm\:order-first { order: -9999; }
  .sm\:order-last { order: 9999; }
  .sm\:order-none { order: 0; }
  .sm\:order-1 { order: 1; }
  .sm\:order-2 { order: 2; }
  .sm\:order-3 { order: 3; }
  .sm\:order-4 { order: 4; }
  .sm\:order-5 { order: 5; }
  .sm\:order-6 { order: 6; }
  .sm\:order-7 { order: 7; }
  .sm\:order-8 { order: 8; }
  .sm\:order-9 { order: 9; }
  .sm\:order-10 { order: 10; }
  .sm\:order-11 { order: 11; }
  .sm\:order-12 { order: 12; }

  /* Grid */
  .sm\:grid-flow-row { grid-auto-flow: row; }
  .sm\:grid-flow-col { grid-auto-flow: column; }
  .sm\:grid-flow-dense { grid-auto-flow: dense; }
  .sm\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .sm\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .sm\:grid-cols-none { grid-template-columns: none; }
  .sm\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .sm\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .sm\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .sm\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .sm\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .sm\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .sm\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .sm\:grid-rows-none { grid-template-rows: none; }
  .sm\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .sm\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .sm\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .sm\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .sm\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .sm\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .sm\:grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .sm\:grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .sm\:grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .sm\:grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .sm\:grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .sm\:grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .sm\:auto-cols-auto { grid-auto-columns: auto; }
  .sm\:auto-cols-min { grid-auto-columns: min-content; }
  .sm\:auto-cols-max { grid-auto-columns: max-content; }
  .sm\:auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
  .sm\:auto-rows-auto { grid-auto-rows: auto; }
  .sm\:auto-rows-min { grid-auto-rows: min-content; }
  .sm\:auto-rows-max { grid-auto-rows: max-content; }
  .sm\:auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
  .sm\:col-auto { grid-column: auto; }
  .sm\:col-span-1 { grid-column: span 1 / span 1; }
  .sm\:col-span-2 { grid-column: span 2 / span 2; }
  .sm\:col-span-3 { grid-column: span 3 / span 3; }
  .sm\:col-span-4 { grid-column: span 4 / span 4; }
  .sm\:col-span-5 { grid-column: span 5 / span 5; }
  .sm\:col-span-6 { grid-column: span 6 / span 6; }
  .sm\:col-span-7 { grid-column: span 7 / span 7; }
  .sm\:col-span-8 { grid-column: span 8 / span 8; }
  .sm\:col-span-9 { grid-column: span 9 / span 9; }
  .sm\:col-span-10 { grid-column: span 10 / span 10; }
  .sm\:col-span-11 { grid-column: span 11 / span 11; }
  .sm\:col-span-12 { grid-column: span 12 / span 12; }
  .sm\:col-span-full { grid-column: 1 / -1; }
  .sm\:col-start-auto { grid-column-start: auto; }
  .sm\:col-start-1 { grid-column-start: 1; }
  .sm\:col-start-2 { grid-column-start: 2; }
  .sm\:col-start-3 { grid-column-start: 3; }
  .sm\:col-start-4 { grid-column-start: 4; }
  .sm\:col-start-5 { grid-column-start: 5; }
  .sm\:col-start-6 { grid-column-start: 6; }
  .sm\:col-start-7 { grid-column-start: 7; }
  .sm\:col-start-8 { grid-column-start: 8; }
  .sm\:col-start-9 { grid-column-start: 9; }
  .sm\:col-start-10 { grid-column-start: 10; }
  .sm\:col-start-11 { grid-column-start: 11; }
  .sm\:col-start-12 { grid-column-start: 12; }
  .sm\:col-start-13 { grid-column-start: 13; }
  .sm\:col-end-auto { grid-column-end: auto; }
  .sm\:col-end-1 { grid-column-end: 1; }
  .sm\:col-end-2 { grid-column-end: 2; }
  .sm\:col-end-3 { grid-column-end: 3; }
  .sm\:col-end-4 { grid-column-end: 4; }
  .sm\:col-end-5 { grid-column-end: 5; }
  .sm\:col-end-6 { grid-column-end: 6; }
  .sm\:col-end-7 { grid-column-end: 7; }
  .sm\:col-end-8 { grid-column-end: 8; }
  .sm\:col-end-9 { grid-column-end: 9; }
  .sm\:col-end-10 { grid-column-end: 10; }
  .sm\:col-end-11 { grid-column-end: 11; }
  .sm\:col-end-12 { grid-column-end: 12; }
  .sm\:col-end-13 { grid-column-end: 13; }
  .sm\:row-auto { grid-row: auto; }
  .sm\:row-span-1 { grid-row: span 1 / span 1; }
  .sm\:row-span-2 { grid-row: span 2 / span 2; }
  .sm\:row-span-3 { grid-row: span 3 / span 3; }
  .sm\:row-span-4 { grid-row: span 4 / span 4; }
  .sm\:row-span-5 { grid-row: span 5 / span 5; }
  .sm\:row-span-6 { grid-row: span 6 / span 6; }
  .sm\:row-span-7 { grid-row: span 7 / span 7; }
  .sm\:row-span-8 { grid-row: span 8 / span 8; }
  .sm\:row-span-9 { grid-row: span 9 / span 9; }
  .sm\:row-span-10 { grid-row: span 10 / span 10; }
  .sm\:row-span-11 { grid-row: span 11 / span 11; }
  .sm\:row-span-12 { grid-row: span 12 / span 12; }
  .sm\:row-span-full { grid-row: 1 / -1; }
  .sm\:row-start-auto { grid-row-start: auto; }
  .sm\:row-start-1 { grid-row-start: 1; }
  .sm\:row-start-2 { grid-row-start: 2; }
  .sm\:row-start-3 { grid-row-start: 3; }
  .sm\:row-start-4 { grid-row-start: 4; }
  .sm\:row-start-5 { grid-row-start: 5; }
  .sm\:row-start-6 { grid-row-start: 6; }
  .sm\:row-start-7 { grid-row-start: 7; }
  .sm\:row-start-8 { grid-row-start: 8; }
  .sm\:row-start-9 { grid-row-start: 9; }
  .sm\:row-start-10 { grid-row-start: 10; }
  .sm\:row-start-11 { grid-row-start: 11; }
  .sm\:row-start-12 { grid-row-start: 12; }
  .sm\:row-start-13 { grid-row-start: 13; }
  .sm\:row-end-auto { grid-row-end: auto; }
  .sm\:row-end-1 { grid-row-end: 1; }
  .sm\:row-end-2 { grid-row-end: 2; }
  .sm\:row-end-3 { grid-row-end: 3; }
  .sm\:row-end-4 { grid-row-end: 4; }
  .sm\:row-end-5 { grid-row-end: 5; }
  .sm\:row-end-6 { grid-row-end: 6; }
  .sm\:row-end-7 { grid-row-end: 7; }
  .sm\:row-end-8 { grid-row-end: 8; }
  .sm\:row-end-9 { grid-row-end: 9; }
  .sm\:row-end-10 { grid-row-end: 10; }
  .sm\:row-end-11 { grid-row-end: 11; }
  .sm\:row-end-12 { grid-row-end: 12; }
  .sm\:row-end-13 { grid-row-end: 13; }

  /* Gaps */
  .sm\:gap-0 { gap: 0; }
  .sm\:gap-5 { gap: var(--size-5); }
  .sm\:gap-10 { gap: var(--size-10); }
  .sm\:gap-15 { gap: var(--size-15); }
  .sm\:gap-16 { gap: var(--size-16); }
  .sm\:gap-20 { gap: var(--size-20); }
  .sm\:gap-25 { gap: var(--size-25); }
  .sm\:gap-30 { gap: var(--size-30); }
  .sm\:gap-35 { gap: var(--size-35); }
  .sm\:gap-40 { gap: var(--size-40); }
  .sm\:gap-45 { gap: var(--size-45); }
  .sm\:gap-50 { gap: var(--size-50); }
  .sm\:gap-55 { gap: var(--size-55); }
  .sm\:gap-60 { gap: var(--size-60); }
  .sm\:gap-65 { gap: var(--size-65); }
  .sm\:gap-70 { gap: var(--size-70); }
  .sm\:gap-75 { gap: var(--size-75); }
  .sm\:gap-80 { gap: var(--size-80); }
  .sm\:gap-85 { gap: var(--size-85); }
  .sm\:gap-90 { gap: var(--size-90); }
  .sm\:gap-95 { gap: var(--size-95); }
  .sm\:gap-100 { gap: var(--size-100); }
  .sm\:gap-x-0 { -moz-column-gap: 0; column-gap: 0; }
  .sm\:gap-x-5 { -moz-column-gap: var(--size-5); column-gap: var(--size-5); }
  .sm\:gap-x-10 { -moz-column-gap: var(--size-10); column-gap: var(--size-10); }
  .sm\:gap-x-15 { -moz-column-gap: var(--size-15); column-gap: var(--size-15); }
  .sm\:gap-x-16 { -moz-column-gap: var(--size-16); column-gap: var(--size-16); }
  .sm\:gap-x-20 { -moz-column-gap: var(--size-20); column-gap: var(--size-20); }
  .sm\:gap-x-25 { -moz-column-gap: var(--size-25); column-gap: var(--size-25); }
  .sm\:gap-x-30 { -moz-column-gap: var(--size-30); column-gap: var(--size-30); }
  .sm\:gap-x-35 { -moz-column-gap: var(--size-35); column-gap: var(--size-35); }
  .sm\:gap-x-40 { -moz-column-gap: var(--size-40); column-gap: var(--size-40); }
  .sm\:gap-x-45 { -moz-column-gap: var(--size-45); column-gap: var(--size-45); }
  .sm\:gap-x-50 { -moz-column-gap: var(--size-50); column-gap: var(--size-50); }
  .sm\:gap-x-55 { -moz-column-gap: var(--size-55); column-gap: var(--size-55); }
  .sm\:gap-x-60 { -moz-column-gap: var(--size-60); column-gap: var(--size-60); }
  .sm\:gap-x-65 { -moz-column-gap: var(--size-65); column-gap: var(--size-65); }
  .sm\:gap-x-70 { -moz-column-gap: var(--size-70); column-gap: var(--size-70); }
  .sm\:gap-x-75 { -moz-column-gap: var(--size-75); column-gap: var(--size-75); }
  .sm\:gap-x-80 { -moz-column-gap: var(--size-80); column-gap: var(--size-80); }
  .sm\:gap-x-85 { -moz-column-gap: var(--size-85); column-gap: var(--size-85); }
  .sm\:gap-x-90 { -moz-column-gap: var(--size-90); column-gap: var(--size-90); }
  .sm\:gap-x-95 { -moz-column-gap: var(--size-95); column-gap: var(--size-95); }
  .sm\:gap-x-100 { -moz-column-gap: var(--size-100); column-gap: var(--size-100); }
  .sm\:gap-y-0 { row-gap: 0; }
  .sm\:gap-y-5 { row-gap: var(--size-5); }
  .sm\:gap-y-10 { row-gap: var(--size-10); }
  .sm\:gap-y-15 { row-gap: var(--size-15); }
  .sm\:gap-y-16 { row-gap: var(--size-16); }
  .sm\:gap-y-20 { row-gap: var(--size-20); }
  .sm\:gap-y-25 { row-gap: var(--size-25); }
  .sm\:gap-y-30 { row-gap: var(--size-30); }
  .sm\:gap-y-35 { row-gap: var(--size-35); }
  .sm\:gap-y-40 { row-gap: var(--size-40); }
  .sm\:gap-y-45 { row-gap: var(--size-45); }
  .sm\:gap-y-50 { row-gap: var(--size-50); }
  .sm\:gap-y-55 { row-gap: var(--size-55); }
  .sm\:gap-y-60 { row-gap: var(--size-60); }
  .sm\:gap-y-65 { row-gap: var(--size-65); }
  .sm\:gap-y-70 { row-gap: var(--size-70); }
  .sm\:gap-y-75 { row-gap: var(--size-75); }
  .sm\:gap-y-80 { row-gap: var(--size-80); }
  .sm\:gap-y-85 { row-gap: var(--size-85); }
  .sm\:gap-y-90 { row-gap: var(--size-90); }
  .sm\:gap-y-95 { row-gap: var(--size-95); }
  .sm\:gap-y-100 { row-gap: var(--size-100); }

  /* Space Between Children */
  .sm\:space-y-0 > :not(:last-child) { margin-block-end: 0; }
  .sm\:space-y-5 > :not(:last-child) { margin-block-end: var(--size-5); }
  .sm\:space-y-10 > :not(:last-child) { margin-block-end: var(--size-10); }
  .sm\:space-y-15 > :not(:last-child) { margin-block-end: var(--size-15); }
  .sm\:space-y-16 > :not(:last-child) { margin-block-end: var(--size-16); }
  .sm\:space-y-20 > :not(:last-child) { margin-block-end: var(--size-20); }
  .sm\:space-y-25 > :not(:last-child) { margin-block-end: var(--size-25); }
  .sm\:space-y-30 > :not(:last-child) { margin-block-end: var(--size-30); }
  .sm\:space-y-35 > :not(:last-child) { margin-block-end: var(--size-35); }
  .sm\:space-y-40 > :not(:last-child) { margin-block-end: var(--size-40); }
  .sm\:space-y-45 > :not(:last-child) { margin-block-end: var(--size-45); }
  .sm\:space-y-50 > :not(:last-child) { margin-block-end: var(--size-50); }

  /* Margins */
  .sm\:m-0 { margin: 0; }
  .sm\:m-5 { margin: var(--size-5); }
  .sm\:m-10 { margin: var(--size-10); }
  .sm\:m-15 { margin: var(--size-15); }
  .sm\:m-16 { margin: var(--size-16); }
  .sm\:m-20 { margin: var(--size-20); }
  .sm\:m-25 { margin: var(--size-25); }
  .sm\:m-30 { margin: var(--size-30); }
  .sm\:m-35 { margin: var(--size-35); }
  .sm\:m-40 { margin: var(--size-40); }
  .sm\:m-45 { margin: var(--size-45); }
  .sm\:m-50 { margin: var(--size-50); }
  .sm\:m-55 { margin: var(--size-55); }
  .sm\:m-60 { margin: var(--size-60); }
  .sm\:m-65 { margin: var(--size-65); }
  .sm\:m-70 { margin: var(--size-70); }
  .sm\:m-75 { margin: var(--size-75); }
  .sm\:m-80 { margin: var(--size-80); }
  .sm\:m-85 { margin: var(--size-85); }
  .sm\:m-90 { margin: var(--size-90); }
  .sm\:m-95 { margin: var(--size-95); }
  .sm\:m-100 { margin: var(--size-100); }
  .sm\:m-auto { margin: auto; }
  .sm\:mx-0 { margin-inline: 0; }
  .sm\:mx-5 { margin-inline: var(--size-5); }
  .sm\:mx-10 { margin-inline: var(--size-10); }
  .sm\:mx-15 { margin-inline: var(--size-15); }
  .sm\:mx-16 { margin-inline: var(--size-16); }
  .sm\:mx-20 { margin-inline: var(--size-20); }
  .sm\:mx-25 { margin-inline: var(--size-25); }
  .sm\:mx-30 { margin-inline: var(--size-30); }
  .sm\:mx-35 { margin-inline: var(--size-35); }
  .sm\:mx-40 { margin-inline: var(--size-40); }
  .sm\:mx-45 { margin-inline: var(--size-45); }
  .sm\:mx-50 { margin-inline: var(--size-50); }
  .sm\:mx-55 { margin-inline: var(--size-55); }
  .sm\:mx-60 { margin-inline: var(--size-60); }
  .sm\:mx-65 { margin-inline: var(--size-65); }
  .sm\:mx-70 { margin-inline: var(--size-70); }
  .sm\:mx-75 { margin-inline: var(--size-75); }
  .sm\:mx-80 { margin-inline: var(--size-80); }
  .sm\:mx-85 { margin-inline: var(--size-85); }
  .sm\:mx-90 { margin-inline: var(--size-90); }
  .sm\:mx-95 { margin-inline: var(--size-95); }
  .sm\:mx-100 { margin-inline: var(--size-100); }
  .sm\:mx-auto { margin-inline: auto; }
  .sm\:my-0 { margin-block: 0; }
  .sm\:my-5 { margin-block: var(--size-5); }
  .sm\:my-10 { margin-block: var(--size-10); }
  .sm\:my-15 { margin-block: var(--size-15); }
  .sm\:my-16 { margin-block: var(--size-16); }
  .sm\:my-20 { margin-block: var(--size-20); }
  .sm\:my-25 { margin-block: var(--size-25); }
  .sm\:my-30 { margin-block: var(--size-30); }
  .sm\:my-35 { margin-block: var(--size-35); }
  .sm\:my-40 { margin-block: var(--size-40); }
  .sm\:my-45 { margin-block: var(--size-45); }
  .sm\:my-50 { margin-block: var(--size-50); }
  .sm\:my-55 { margin-block: var(--size-55); }
  .sm\:my-60 { margin-block: var(--size-60); }
  .sm\:my-65 { margin-block: var(--size-65); }
  .sm\:my-70 { margin-block: var(--size-70); }
  .sm\:my-75 { margin-block: var(--size-75); }
  .sm\:my-80 { margin-block: var(--size-80); }
  .sm\:my-85 { margin-block: var(--size-85); }
  .sm\:my-90 { margin-block: var(--size-90); }
  .sm\:my-95 { margin-block: var(--size-95); }
  .sm\:my-100 { margin-block: var(--size-100); }
  .sm\:my-auto { margin-block: auto; }
  .sm\:ms-0 { margin-inline-start: 0; }
  .sm\:ms-5 { margin-inline-start: var(--size-5); }
  .sm\:ms-10 { margin-inline-start: var(--size-10); }
  .sm\:ms-15 { margin-inline-start: var(--size-15); }
  .sm\:ms-16 { margin-inline-start: var(--size-16); }
  .sm\:ms-20 { margin-inline-start: var(--size-20); }
  .sm\:ms-25 { margin-inline-start: var(--size-25); }
  .sm\:ms-30 { margin-inline-start: var(--size-30); }
  .sm\:ms-35 { margin-inline-start: var(--size-35); }
  .sm\:ms-40 { margin-inline-start: var(--size-40); }
  .sm\:ms-45 { margin-inline-start: var(--size-45); }
  .sm\:ms-50 { margin-inline-start: var(--size-50); }
  .sm\:ms-55 { margin-inline-start: var(--size-55); }
  .sm\:ms-60 { margin-inline-start: var(--size-60); }
  .sm\:ms-65 { margin-inline-start: var(--size-65); }
  .sm\:ms-70 { margin-inline-start: var(--size-70); }
  .sm\:ms-75 { margin-inline-start: var(--size-75); }
  .sm\:ms-80 { margin-inline-start: var(--size-80); }
  .sm\:ms-85 { margin-inline-start: var(--size-85); }
  .sm\:ms-90 { margin-inline-start: var(--size-90); }
  .sm\:ms-95 { margin-inline-start: var(--size-95); }
  .sm\:ms-100 { margin-inline-start: var(--size-100); }
  .sm\:ms-auto { margin-inline-start: auto; }
  .sm\:me-0 { margin-inline-end: 0; }
  .sm\:me-5 { margin-inline-end: var(--size-5); }
  .sm\:me-10 { margin-inline-end: var(--size-10); }
  .sm\:me-15 { margin-inline-end: var(--size-15); }
  .sm\:me-16 { margin-inline-end: var(--size-16); }
  .sm\:me-20 { margin-inline-end: var(--size-20); }
  .sm\:me-25 { margin-inline-end: var(--size-25); }
  .sm\:me-30 { margin-inline-end: var(--size-30); }
  .sm\:me-35 { margin-inline-end: var(--size-35); }
  .sm\:me-40 { margin-inline-end: var(--size-40); }
  .sm\:me-45 { margin-inline-end: var(--size-45); }
  .sm\:me-50 { margin-inline-end: var(--size-50); }
  .sm\:me-55 { margin-inline-end: var(--size-55); }
  .sm\:me-60 { margin-inline-end: var(--size-60); }
  .sm\:me-65 { margin-inline-end: var(--size-65); }
  .sm\:me-70 { margin-inline-end: var(--size-70); }
  .sm\:me-75 { margin-inline-end: var(--size-75); }
  .sm\:me-80 { margin-inline-end: var(--size-80); }
  .sm\:me-85 { margin-inline-end: var(--size-85); }
  .sm\:me-90 { margin-inline-end: var(--size-90); }
  .sm\:me-95 { margin-inline-end: var(--size-95); }
  .sm\:me-100 { margin-inline-end: var(--size-100); }
  .sm\:me-auto { margin-inline-end: auto; }
  .sm\:mt-0 { margin-top: 0; }
  .sm\:mt-5 { margin-top: var(--size-5); }
  .sm\:mt-10 { margin-top: var(--size-10); }
  .sm\:mt-15 { margin-top: var(--size-15); }
  .sm\:mt-16 { margin-top: var(--size-16); }
  .sm\:mt-20 { margin-top: var(--size-20); }
  .sm\:mt-25 { margin-top: var(--size-25); }
  .sm\:mt-30 { margin-top: var(--size-30); }
  .sm\:mt-35 { margin-top: var(--size-35); }
  .sm\:mt-40 { margin-top: var(--size-40); }
  .sm\:mt-45 { margin-top: var(--size-45); }
  .sm\:mt-50 { margin-top: var(--size-50); }
  .sm\:mt-55 { margin-top: var(--size-55); }
  .sm\:mt-60 { margin-top: var(--size-60); }
  .sm\:mt-65 { margin-top: var(--size-65); }
  .sm\:mt-70 { margin-top: var(--size-70); }
  .sm\:mt-75 { margin-top: var(--size-75); }
  .sm\:mt-80 { margin-top: var(--size-80); }
  .sm\:mt-85 { margin-top: var(--size-85); }
  .sm\:mt-90 { margin-top: var(--size-90); }
  .sm\:mt-95 { margin-top: var(--size-95); }
  .sm\:mt-100 { margin-top: var(--size-100); }
  .sm\:mt-auto { margin-top: auto; }
  .sm\:mr-0 { margin-right: 0; }
  .sm\:mr-5 { margin-right: var(--size-5); }
  .sm\:mr-10 { margin-right: var(--size-10); }
  .sm\:mr-15 { margin-right: var(--size-15); }
  .sm\:mr-16 { margin-right: var(--size-16); }
  .sm\:mr-20 { margin-right: var(--size-20); }
  .sm\:mr-25 { margin-right: var(--size-25); }
  .sm\:mr-30 { margin-right: var(--size-30); }
  .sm\:mr-35 { margin-right: var(--size-35); }
  .sm\:mr-40 { margin-right: var(--size-40); }
  .sm\:mr-45 { margin-right: var(--size-45); }
  .sm\:mr-50 { margin-right: var(--size-50); }
  .sm\:mr-55 { margin-right: var(--size-55); }
  .sm\:mr-60 { margin-right: var(--size-60); }
  .sm\:mr-65 { margin-right: var(--size-65); }
  .sm\:mr-70 { margin-right: var(--size-70); }
  .sm\:mr-75 { margin-right: var(--size-75); }
  .sm\:mr-80 { margin-right: var(--size-80); }
  .sm\:mr-85 { margin-right: var(--size-85); }
  .sm\:mr-90 { margin-right: var(--size-90); }
  .sm\:mr-95 { margin-right: var(--size-95); }
  .sm\:mr-100 { margin-right: var(--size-100); }
  .sm\:mr-auto { margin-right: auto; }
  .sm\:mb-0 { margin-bottom: 0; }
  .sm\:mb-5 { margin-bottom: var(--size-5); }
  .sm\:mb-10 { margin-bottom: var(--size-10); }
  .sm\:mb-15 { margin-bottom: var(--size-15); }
  .sm\:mb-16 { margin-bottom: var(--size-16); }
  .sm\:mb-20 { margin-bottom: var(--size-20); }
  .sm\:mb-25 { margin-bottom: var(--size-25); }
  .sm\:mb-30 { margin-bottom: var(--size-30); }
  .sm\:mb-35 { margin-bottom: var(--size-35); }
  .sm\:mb-40 { margin-bottom: var(--size-40); }
  .sm\:mb-45 { margin-bottom: var(--size-45); }
  .sm\:mb-50 { margin-bottom: var(--size-50); }
  .sm\:mb-55 { margin-bottom: var(--size-55); }
  .sm\:mb-60 { margin-bottom: var(--size-60); }
  .sm\:mb-65 { margin-bottom: var(--size-65); }
  .sm\:mb-70 { margin-bottom: var(--size-70); }
  .sm\:mb-75 { margin-bottom: var(--size-75); }
  .sm\:mb-80 { margin-bottom: var(--size-80); }
  .sm\:mb-85 { margin-bottom: var(--size-85); }
  .sm\:mb-90 { margin-bottom: var(--size-90); }
  .sm\:mb-95 { margin-bottom: var(--size-95); }
  .sm\:mb-100 { margin-bottom: var(--size-100); }
  .sm\:mb-auto { margin-bottom: auto; }
  .sm\:ml-0 { margin-left: 0; }
  .sm\:ml-5 { margin-left: var(--size-5); }
  .sm\:ml-10 { margin-left: var(--size-10); }
  .sm\:ml-15 { margin-left: var(--size-15); }
  .sm\:ml-16 { margin-left: var(--size-16); }
  .sm\:ml-20 { margin-left: var(--size-20); }
  .sm\:ml-25 { margin-left: var(--size-25); }
  .sm\:ml-30 { margin-left: var(--size-30); }
  .sm\:ml-35 { margin-left: var(--size-35); }
  .sm\:ml-40 { margin-left: var(--size-40); }
  .sm\:ml-45 { margin-left: var(--size-45); }
  .sm\:ml-50 { margin-left: var(--size-50); }
  .sm\:ml-55 { margin-left: var(--size-55); }
  .sm\:ml-60 { margin-left: var(--size-60); }
  .sm\:ml-65 { margin-left: var(--size-65); }
  .sm\:ml-70 { margin-left: var(--size-70); }
  .sm\:ml-75 { margin-left: var(--size-75); }
  .sm\:ml-80 { margin-left: var(--size-80); }
  .sm\:ml-85 { margin-left: var(--size-85); }
  .sm\:ml-90 { margin-left: var(--size-90); }
  .sm\:ml-95 { margin-left: var(--size-95); }
  .sm\:ml-100 { margin-left: var(--size-100); }
  .sm\:ml-auto { margin-left: auto; }

  /* Paddings */
  .sm\:p-0 { padding: 0; }
  .sm\:p-5 { padding: var(--size-5); }
  .sm\:p-10 { padding: var(--size-10); }
  .sm\:p-15 { padding: var(--size-15); }
  .sm\:p-16 { padding: var(--size-16); }
  .sm\:p-20 { padding: var(--size-20); }
  .sm\:p-25 { padding: var(--size-25); }
  .sm\:p-30 { padding: var(--size-30); }
  .sm\:p-35 { padding: var(--size-35); }
  .sm\:p-40 { padding: var(--size-40); }
  .sm\:p-45 { padding: var(--size-45); }
  .sm\:p-50 { padding: var(--size-50); }
  .sm\:p-55 { padding: var(--size-55); }
  .sm\:p-60 { padding: var(--size-60); }
  .sm\:p-65 { padding: var(--size-65); }
  .sm\:p-70 { padding: var(--size-70); }
  .sm\:p-75 { padding: var(--size-75); }
  .sm\:p-80 { padding: var(--size-80); }
  .sm\:p-85 { padding: var(--size-85); }
  .sm\:p-90 { padding: var(--size-90); }
  .sm\:p-95 { padding: var(--size-95); }
  .sm\:p-100 { padding: var(--size-100); }
  .sm\:px-0 { padding-inline: 0; }
  .sm\:px-5 { padding-inline: var(--size-5); }
  .sm\:px-10 { padding-inline: var(--size-10); }
  .sm\:px-15 { padding-inline: var(--size-15); }
  .sm\:px-16 { padding-inline: var(--size-16); }
  .sm\:px-20 { padding-inline: var(--size-20); }
  .sm\:px-25 { padding-inline: var(--size-25); }
  .sm\:px-30 { padding-inline: var(--size-30); }
  .sm\:px-35 { padding-inline: var(--size-35); }
  .sm\:px-40 { padding-inline: var(--size-40); }
  .sm\:px-45 { padding-inline: var(--size-45); }
  .sm\:px-50 { padding-inline: var(--size-50); }
  .sm\:px-55 { padding-inline: var(--size-55); }
  .sm\:px-60 { padding-inline: var(--size-60); }
  .sm\:px-65 { padding-inline: var(--size-65); }
  .sm\:px-70 { padding-inline: var(--size-70); }
  .sm\:px-75 { padding-inline: var(--size-75); }
  .sm\:px-80 { padding-inline: var(--size-80); }
  .sm\:px-85 { padding-inline: var(--size-85); }
  .sm\:px-90 { padding-inline: var(--size-90); }
  .sm\:px-95 { padding-inline: var(--size-95); }
  .sm\:px-100 { padding-inline: var(--size-100); }
  .sm\:py-0 { padding-block: 0; }
  .sm\:py-5 { padding-block: var(--size-5); }
  .sm\:py-10 { padding-block: var(--size-10); }
  .sm\:py-15 { padding-block: var(--size-15); }
  .sm\:py-16 { padding-block: var(--size-16); }
  .sm\:py-20 { padding-block: var(--size-20); }
  .sm\:py-25 { padding-block: var(--size-25); }
  .sm\:py-30 { padding-block: var(--size-30); }
  .sm\:py-35 { padding-block: var(--size-35); }
  .sm\:py-40 { padding-block: var(--size-40); }
  .sm\:py-45 { padding-block: var(--size-45); }
  .sm\:py-50 { padding-block: var(--size-50); }
  .sm\:py-55 { padding-block: var(--size-55); }
  .sm\:py-60 { padding-block: var(--size-60); }
  .sm\:py-65 { padding-block: var(--size-65); }
  .sm\:py-70 { padding-block: var(--size-70); }
  .sm\:py-75 { padding-block: var(--size-75); }
  .sm\:py-80 { padding-block: var(--size-80); }
  .sm\:py-85 { padding-block: var(--size-85); }
  .sm\:py-90 { padding-block: var(--size-90); }
  .sm\:py-95 { padding-block: var(--size-95); }
  .sm\:py-100 { padding-block: var(--size-100); }
  .sm\:ps-0 { padding-inline-start: 0; }
  .sm\:ps-5 { padding-inline-start: var(--size-5); }
  .sm\:ps-10 { padding-inline-start: var(--size-10); }
  .sm\:ps-15 { padding-inline-start: var(--size-15); }
  .sm\:ps-16 { padding-inline-start: var(--size-16); }
  .sm\:ps-20 { padding-inline-start: var(--size-20); }
  .sm\:ps-25 { padding-inline-start: var(--size-25); }
  .sm\:ps-30 { padding-inline-start: var(--size-30); }
  .sm\:ps-35 { padding-inline-start: var(--size-35); }
  .sm\:ps-40 { padding-inline-start: var(--size-40); }
  .sm\:ps-45 { padding-inline-start: var(--size-45); }
  .sm\:ps-50 { padding-inline-start: var(--size-50); }
  .sm\:ps-55 { padding-inline-start: var(--size-55); }
  .sm\:ps-60 { padding-inline-start: var(--size-60); }
  .sm\:ps-65 { padding-inline-start: var(--size-65); }
  .sm\:ps-70 { padding-inline-start: var(--size-70); }
  .sm\:ps-75 { padding-inline-start: var(--size-75); }
  .sm\:ps-80 { padding-inline-start: var(--size-80); }
  .sm\:ps-85 { padding-inline-start: var(--size-85); }
  .sm\:ps-90 { padding-inline-start: var(--size-90); }
  .sm\:ps-95 { padding-inline-start: var(--size-95); }
  .sm\:ps-100 { padding-inline-start: var(--size-100); }
  .sm\:pe-0 { padding-inline-end: 0; }
  .sm\:pe-5 { padding-inline-end: var(--size-5); }
  .sm\:pe-10 { padding-inline-end: var(--size-10); }
  .sm\:pe-15 { padding-inline-end: var(--size-15); }
  .sm\:pe-16 { padding-inline-end: var(--size-16); }
  .sm\:pe-20 { padding-inline-end: var(--size-20); }
  .sm\:pe-25 { padding-inline-end: var(--size-25); }
  .sm\:pe-30 { padding-inline-end: var(--size-30); }
  .sm\:pe-35 { padding-inline-end: var(--size-35); }
  .sm\:pe-40 { padding-inline-end: var(--size-40); }
  .sm\:pe-45 { padding-inline-end: var(--size-45); }
  .sm\:pe-50 { padding-inline-end: var(--size-50); }
  .sm\:pe-55 { padding-inline-end: var(--size-55); }
  .sm\:pe-60 { padding-inline-end: var(--size-60); }
  .sm\:pe-65 { padding-inline-end: var(--size-65); }
  .sm\:pe-70 { padding-inline-end: var(--size-70); }
  .sm\:pe-75 { padding-inline-end: var(--size-75); }
  .sm\:pe-80 { padding-inline-end: var(--size-80); }
  .sm\:pe-85 { padding-inline-end: var(--size-85); }
  .sm\:pe-90 { padding-inline-end: var(--size-90); }
  .sm\:pe-95 { padding-inline-end: var(--size-95); }
  .sm\:pe-100 { padding-inline-end: var(--size-100); }
  .sm\:pt-0 { padding-top: 0; }
  .sm\:pt-5 { padding-top: var(--size-5); }
  .sm\:pt-10 { padding-top: var(--size-10); }
  .sm\:pt-15 { padding-top: var(--size-15); }
  .sm\:pt-16 { padding-top: var(--size-16); }
  .sm\:pt-20 { padding-top: var(--size-20); }
  .sm\:pt-25 { padding-top: var(--size-25); }
  .sm\:pt-30 { padding-top: var(--size-30); }
  .sm\:pt-35 { padding-top: var(--size-35); }
  .sm\:pt-40 { padding-top: var(--size-40); }
  .sm\:pt-45 { padding-top: var(--size-45); }
  .sm\:pt-50 { padding-top: var(--size-50); }
  .sm\:pt-55 { padding-top: var(--size-55); }
  .sm\:pt-60 { padding-top: var(--size-60); }
  .sm\:pt-65 { padding-top: var(--size-65); }
  .sm\:pt-70 { padding-top: var(--size-70); }
  .sm\:pt-75 { padding-top: var(--size-75); }
  .sm\:pt-80 { padding-top: var(--size-80); }
  .sm\:pt-85 { padding-top: var(--size-85); }
  .sm\:pt-90 { padding-top: var(--size-90); }
  .sm\:pt-95 { padding-top: var(--size-95); }
  .sm\:pt-100 { padding-top: var(--size-100); }
  .sm\:pr-0 { padding-right: 0; }
  .sm\:pr-5 { padding-right: var(--size-5); }
  .sm\:pr-10 { padding-right: var(--size-10); }
  .sm\:pr-15 { padding-right: var(--size-15); }
  .sm\:pr-16 { padding-right: var(--size-16); }
  .sm\:pr-20 { padding-right: var(--size-20); }
  .sm\:pr-25 { padding-right: var(--size-25); }
  .sm\:pr-30 { padding-right: var(--size-30); }
  .sm\:pr-35 { padding-right: var(--size-35); }
  .sm\:pr-40 { padding-right: var(--size-40); }
  .sm\:pr-45 { padding-right: var(--size-45); }
  .sm\:pr-50 { padding-right: var(--size-50); }
  .sm\:pr-55 { padding-right: var(--size-55); }
  .sm\:pr-60 { padding-right: var(--size-60); }
  .sm\:pr-65 { padding-right: var(--size-65); }
  .sm\:pr-70 { padding-right: var(--size-70); }
  .sm\:pr-75 { padding-right: var(--size-75); }
  .sm\:pr-80 { padding-right: var(--size-80); }
  .sm\:pr-85 { padding-right: var(--size-85); }
  .sm\:pr-90 { padding-right: var(--size-90); }
  .sm\:pr-95 { padding-right: var(--size-95); }
  .sm\:pr-100 { padding-right: var(--size-100); }
  .sm\:pb-0 { padding-bottom: 0; }
  .sm\:pb-5 { padding-bottom: var(--size-5); }
  .sm\:pb-10 { padding-bottom: var(--size-10); }
  .sm\:pb-15 { padding-bottom: var(--size-15); }
  .sm\:pb-16 { padding-bottom: var(--size-16); }
  .sm\:pb-20 { padding-bottom: var(--size-20); }
  .sm\:pb-25 { padding-bottom: var(--size-25); }
  .sm\:pb-30 { padding-bottom: var(--size-30); }
  .sm\:pb-35 { padding-bottom: var(--size-35); }
  .sm\:pb-40 { padding-bottom: var(--size-40); }
  .sm\:pb-45 { padding-bottom: var(--size-45); }
  .sm\:pb-50 { padding-bottom: var(--size-50); }
  .sm\:pb-55 { padding-bottom: var(--size-55); }
  .sm\:pb-60 { padding-bottom: var(--size-60); }
  .sm\:pb-65 { padding-bottom: var(--size-65); }
  .sm\:pb-70 { padding-bottom: var(--size-70); }
  .sm\:pb-75 { padding-bottom: var(--size-75); }
  .sm\:pb-80 { padding-bottom: var(--size-80); }
  .sm\:pb-85 { padding-bottom: var(--size-85); }
  .sm\:pb-90 { padding-bottom: var(--size-90); }
  .sm\:pb-95 { padding-bottom: var(--size-95); }
  .sm\:pb-100 { padding-bottom: var(--size-100); }
  .sm\:pl-0 { padding-left: 0; }
  .sm\:pl-5 { padding-left: var(--size-5); }
  .sm\:pl-10 { padding-left: var(--size-10); }
  .sm\:pl-15 { padding-left: var(--size-15); }
  .sm\:pl-16 { padding-left: var(--size-16); }
  .sm\:pl-20 { padding-left: var(--size-20); }
  .sm\:pl-25 { padding-left: var(--size-25); }
  .sm\:pl-30 { padding-left: var(--size-30); }
  .sm\:pl-35 { padding-left: var(--size-35); }
  .sm\:pl-40 { padding-left: var(--size-40); }
  .sm\:pl-45 { padding-left: var(--size-45); }
  .sm\:pl-50 { padding-left: var(--size-50); }
  .sm\:pl-55 { padding-left: var(--size-55); }
  .sm\:pl-60 { padding-left: var(--size-60); }
  .sm\:pl-65 { padding-left: var(--size-65); }
  .sm\:pl-70 { padding-left: var(--size-70); }
  .sm\:pl-75 { padding-left: var(--size-75); }
  .sm\:pl-80 { padding-left: var(--size-80); }
  .sm\:pl-85 { padding-left: var(--size-85); }
  .sm\:pl-90 { padding-left: var(--size-90); }
  .sm\:pl-95 { padding-left: var(--size-95); }
  .sm\:pl-100 { padding-left: var(--size-100); }

  /* Typography */
  :is(.sm\:h1, .sm\:h2, .sm\:h3, .sm\:h4, .sm\:h5, .sm\:h6) > :where(h1, h2, h3, h4, h5, h6):where(:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)) { font-size: inherit; }
  .sm\:h1 { font-size: var(--h1-size); }
  .sm\:h2 { font-size: var(--h2-size); }
  .sm\:h3 { font-size: var(--h3-size); }
  .sm\:h4 { font-size: var(--h4-size); }
  .sm\:h5 { font-size: var(--h5-size); }
  .sm\:h6 { font-size: var(--h6-size); }
  .sm\:text-2xl { font-size: var(--text-2xl); }
  .sm\:text-xl { font-size: var(--text-xl); }
  .sm\:text-lg { font-size: var(--text-lg); }
  .sm\:text-md { font-size: var(--text-md); }
  .sm\:text-base { font-size: var(--text-base); }
  .sm\:text-sm { font-size: var(--text-sm); }
  .sm\:text-xs { font-size: var(--text-xs); }
  .sm\:leading-tight { line-height: var(--leading-tight); }
  .sm\:leading-snug { line-height: var(--leading-snug); }
  .sm\:leading-normal { line-height: var(--leading-normal); }
  .sm\:leading-relaxed { line-height: var(--leading-relaxed); }
  .sm\:leading-loose { line-height: var(--leading-loose); }
  .sm\:tracking-tighter { letter-spacing: var(--tracking-tighter); }
  .sm\:tracking-tight { letter-spacing: var(--tracking-tight); }
  .sm\:tracking-normal { letter-spacing: var(--tracking-normal); }
  .sm\:tracking-wide { letter-spacing: var(--tracking-wide); }
  .sm\:tracking-wider { letter-spacing: var(--tracking-wider); }
  .sm\:tracking-widest { letter-spacing: var(--tracking-widest); }

  /* Radius */
  .sm\:rounded-none { border-radius: 0; }
  .sm\:rounded-xs { border-radius: var(--radius-xs); }
  .sm\:rounded-sm { border-radius: var(--radius-sm); }
  .sm\:rounded-md { border-radius: var(--radius-md); }
  .sm\:rounded-lg { border-radius: var(--radius-lg); }
  .sm\:rounded-xl { border-radius: var(--radius-xl); }
  .sm\:rounded-2xl { border-radius: var(--radius-2xl); }
  .sm\:rounded-3xl { border-radius: var(--radius-3xl); }
  .sm\:rounded-4xl { border-radius: var(--radius-4xl); }
  .sm\:rounded-full { border-radius: 9999px; }

  /* Lists, Interaction & Object Fit */
  .sm\:list-none { list-style-type: none; }
  .sm\:pointer-events-none { pointer-events: none; }
  .sm\:pointer-events-auto { pointer-events: auto; }
  .sm\:object-contain { -o-object-fit: contain; object-fit: contain; }
  .sm\:object-cover { -o-object-fit: cover; object-fit: cover; }
  .sm\:object-fill { -o-object-fit: fill; object-fit: fill; }
  .sm\:object-none { -o-object-fit: none; object-fit: none; }
  .sm\:object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; }
  .sm\:object-center { -o-object-position: center; object-position: center; }

  /* Opacity */
  .sm\:opacity-0 { opacity: 0%; }
  .sm\:opacity-1 { opacity: 1%; }
  .sm\:opacity-2 { opacity: 2%; }
  .sm\:opacity-3 { opacity: 3%; }
  .sm\:opacity-4 { opacity: 4%; }
  .sm\:opacity-5 { opacity: 5%; }
  .sm\:opacity-6 { opacity: 6%; }
  .sm\:opacity-7 { opacity: 7%; }
  .sm\:opacity-8 { opacity: 8%; }
  .sm\:opacity-9 { opacity: 9%; }
  .sm\:opacity-10 { opacity: 10%; }
  .sm\:opacity-11 { opacity: 11%; }
  .sm\:opacity-12 { opacity: 12%; }
  .sm\:opacity-13 { opacity: 13%; }
  .sm\:opacity-14 { opacity: 14%; }
  .sm\:opacity-15 { opacity: 15%; }
  .sm\:opacity-16 { opacity: 16%; }
  .sm\:opacity-17 { opacity: 17%; }
  .sm\:opacity-18 { opacity: 18%; }
  .sm\:opacity-19 { opacity: 19%; }
  .sm\:opacity-20 { opacity: 20%; }
  .sm\:opacity-21 { opacity: 21%; }
  .sm\:opacity-22 { opacity: 22%; }
  .sm\:opacity-23 { opacity: 23%; }
  .sm\:opacity-24 { opacity: 24%; }
  .sm\:opacity-25 { opacity: 25%; }
  .sm\:opacity-26 { opacity: 26%; }
  .sm\:opacity-27 { opacity: 27%; }
  .sm\:opacity-28 { opacity: 28%; }
  .sm\:opacity-29 { opacity: 29%; }
  .sm\:opacity-30 { opacity: 30%; }
  .sm\:opacity-31 { opacity: 31%; }
  .sm\:opacity-32 { opacity: 32%; }
  .sm\:opacity-33 { opacity: 33%; }
  .sm\:opacity-34 { opacity: 34%; }
  .sm\:opacity-35 { opacity: 35%; }
  .sm\:opacity-36 { opacity: 36%; }
  .sm\:opacity-37 { opacity: 37%; }
  .sm\:opacity-38 { opacity: 38%; }
  .sm\:opacity-39 { opacity: 39%; }
  .sm\:opacity-40 { opacity: 40%; }
  .sm\:opacity-41 { opacity: 41%; }
  .sm\:opacity-42 { opacity: 42%; }
  .sm\:opacity-43 { opacity: 43%; }
  .sm\:opacity-44 { opacity: 44%; }
  .sm\:opacity-45 { opacity: 45%; }
  .sm\:opacity-46 { opacity: 46%; }
  .sm\:opacity-47 { opacity: 47%; }
  .sm\:opacity-48 { opacity: 48%; }
  .sm\:opacity-49 { opacity: 49%; }
  .sm\:opacity-50 { opacity: 50%; }
  .sm\:opacity-51 { opacity: 51%; }
  .sm\:opacity-52 { opacity: 52%; }
  .sm\:opacity-53 { opacity: 53%; }
  .sm\:opacity-54 { opacity: 54%; }
  .sm\:opacity-55 { opacity: 55%; }
  .sm\:opacity-56 { opacity: 56%; }
  .sm\:opacity-57 { opacity: 57%; }
  .sm\:opacity-58 { opacity: 58%; }
  .sm\:opacity-59 { opacity: 59%; }
  .sm\:opacity-60 { opacity: 60%; }
  .sm\:opacity-61 { opacity: 61%; }
  .sm\:opacity-62 { opacity: 62%; }
  .sm\:opacity-63 { opacity: 63%; }
  .sm\:opacity-64 { opacity: 64%; }
  .sm\:opacity-65 { opacity: 65%; }
  .sm\:opacity-66 { opacity: 66%; }
  .sm\:opacity-67 { opacity: 67%; }
  .sm\:opacity-68 { opacity: 68%; }
  .sm\:opacity-69 { opacity: 69%; }
  .sm\:opacity-70 { opacity: 70%; }
  .sm\:opacity-71 { opacity: 71%; }
  .sm\:opacity-72 { opacity: 72%; }
  .sm\:opacity-73 { opacity: 73%; }
  .sm\:opacity-74 { opacity: 74%; }
  .sm\:opacity-75 { opacity: 75%; }
  .sm\:opacity-76 { opacity: 76%; }
  .sm\:opacity-77 { opacity: 77%; }
  .sm\:opacity-78 { opacity: 78%; }
  .sm\:opacity-79 { opacity: 79%; }
  .sm\:opacity-80 { opacity: 80%; }
  .sm\:opacity-81 { opacity: 81%; }
  .sm\:opacity-82 { opacity: 82%; }
  .sm\:opacity-83 { opacity: 83%; }
  .sm\:opacity-84 { opacity: 84%; }
  .sm\:opacity-85 { opacity: 85%; }
  .sm\:opacity-86 { opacity: 86%; }
  .sm\:opacity-87 { opacity: 87%; }
  .sm\:opacity-88 { opacity: 88%; }
  .sm\:opacity-89 { opacity: 89%; }
  .sm\:opacity-90 { opacity: 90%; }
  .sm\:opacity-91 { opacity: 91%; }
  .sm\:opacity-92 { opacity: 92%; }
  .sm\:opacity-93 { opacity: 93%; }
  .sm\:opacity-94 { opacity: 94%; }
  .sm\:opacity-95 { opacity: 95%; }
  .sm\:opacity-96 { opacity: 96%; }
  .sm\:opacity-97 { opacity: 97%; }
  .sm\:opacity-98 { opacity: 98%; }
  .sm\:opacity-99 { opacity: 99%; }
  .sm\:opacity-100 { opacity: 100%; }

  /* Transitions */
  .sm\:transition { transition-property: all; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .sm\:transition-colors { transition-property: color, background-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .sm\:duration-200 { transition-duration: var(--transition-duration); }
  .sm\:ease-out { transition-timing-function: var(--transition-timing-function); }
}

/* Breakpoint MD (768px) */
@media (min-width:48rem) {
  /* Text Transform & Wrapping */
  .md\:uppercase { text-transform: uppercase; }
  .md\:lowercase { text-transform: lowercase; }
  .md\:capitalize { text-transform: capitalize; }
  .md\:text-wrap { white-space: normal; }
  .md\:text-nowrap { white-space: nowrap; }

  /* Visibility */
  .md\:visible { visibility: visible; }
  .md\:invisible { visibility: hidden; }

  /* Overflow */
  .md\:overflow-auto { overflow: auto; }
  .md\:overflow-visible { overflow: visible; }
  .md\:overflow-clip { overflow: clip; }
  .md\:overflow-hidden { overflow: hidden; }
  .md\:overflow-scroll { overflow: scroll; }
  .md\:overflow-x-auto { overflow-x: auto; }
  .md\:overflow-y-auto { overflow-y: auto; }
  .md\:overflow-x-hidden { overflow-x: hidden; }
  .md\:overflow-y-hidden { overflow-y: hidden; }

  /* Sizing */
  .md\:w-auto { width: auto; }
  .md\:w-full { width: 100%; }
  .md\:w-fit { width: -moz-fit-content; width: fit-content; }
  .md\:h-auto { height: auto; }
  .md\:h-full { height: 100%; }
  .md\:h-fit { height: -moz-fit-content; height: fit-content; }
  .md\:min-w-0 { min-width: 0; }
  .md\:max-w-full { max-width: 100%; }

  /* Display */
  .md\:hidden { display: none; }
  .md\:block { display: block; }
  .md\:inline { display: inline; }
  .md\:inline-block { display: inline-block; }
  .md\:flex { display: flex; }
  .md\:inline-flex { display: inline-flex; }
  .md\:grid { display: grid; }
  .md\:inline-grid { display: inline-grid; }
  .md\:contents { display: contents; }

  /* Position */
  .md\:static { position: static; }
  .md\:relative { position: relative; }
  .md\:absolute { position: absolute; }
  .md\:fixed { position: fixed; }
  .md\:sticky { position: sticky; }
  .md\:inset-0 { inset: 0; }
  .md\:inset-x-0 { left: 0; right: 0; }
  .md\:inset-y-0 { top: 0; bottom: 0; }
  .md\:top-0 { top: 0; }
  .md\:right-0 { right: 0; }
  .md\:bottom-0 { bottom: 0; }
  .md\:left-0 { left: 0; }

  /* Z-index */
  .md\:z-auto { z-index: auto; }
  .md\:z-0 { z-index: 0; }
  .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-10 { z-index: -10; }

  /* 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; }

  /* Text Decoration */
  .md\:no-underline { text-decoration: none; }
  .md\:underline { text-decoration: underline; }
  .md\:line-through { text-decoration: line-through; }
  .md\:decoration-1 { text-decoration-thickness: 1px; }
  .md\:underline-offset-1 { text-underline-offset: 1px; }

  /* Font Style & Weight */
  .md\:italic { font-style: italic; }
  .md\:not-italic { font-style: normal; }
  .md\:font-thin { font-weight: 100; }
  .md\:font-extralight { font-weight: 200; }
  .md\:font-light { font-weight: 300; }
  .md\:font-normal { font-weight: 400; }
  .md\:font-medium { font-weight: 500; }
  .md\:font-semibold { font-weight: 600; }
  .md\:font-bold { font-weight: 700; }
  .md\:font-extrabold { font-weight: 800; }
  .md\:font-black { font-weight: 900; }

  /* Flex */
  .md\:flex-row { flex-direction: row; }
  .md\:flex-col { flex-direction: column; }
  .md\:flex-row-reverse { flex-direction: row-reverse; }
  .md\:flex-col-reverse { flex-direction: column-reverse; }
  .md\:flex-wrap { flex-wrap: wrap; }
  .md\:flex-nowrap { flex-wrap: nowrap; }
  .md\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .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\:grow { flex-grow: 1; }
  .md\:grow-0 { flex-grow: 0; }
  .md\:shrink { flex-shrink: 1; }
  .md\:shrink-0 { flex-shrink: 0; }

  /* Justify */
  .md\:justify-start { justify-content: flex-start; }
  .md\:justify-end { justify-content: flex-end; }
  .md\:justify-center { justify-content: center; }
  .md\:justify-between { justify-content: space-between; }
  .md\:justify-around { justify-content: space-around; }
  .md\:justify-evenly { justify-content: space-evenly; }
  .md\:justify-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; }

  /* Align */
  .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\: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\:content-stretch { align-content: stretch; }
  .md\:self-auto { align-self: auto; }
  .md\:self-start { align-self: flex-start; }
  .md\:self-end { align-self: flex-end; }
  .md\:self-center { align-self: center; }
  .md\:self-baseline { align-self: baseline; }
  .md\:self-stretch { align-self: stretch; }
  .md\:place-items-start { place-items: start; }
  .md\:place-items-end { place-items: end; }
  .md\:place-items-center { place-items: center; }
  .md\:place-items-baseline { place-items: baseline; }
  .md\:place-items-stretch { place-items: stretch; }
  .md\:place-content-start { place-content: start; }
  .md\:place-content-end { place-content: end; }
  .md\:place-content-center { place-content: center; }
  .md\:place-content-between { place-content: space-between; }
  .md\:place-content-around { place-content: space-around; }
  .md\:place-content-evenly { place-content: space-evenly; }
  .md\:place-content-stretch { place-content: stretch; }
  .md\:place-self-auto { place-self: auto; }
  .md\:place-self-start { place-self: start; }
  .md\:place-self-end { place-self: end; }
  .md\:place-self-center { place-self: center; }
  .md\:place-self-stretch { place-self: stretch; }

  /* Order */
  .md\:order-first { order: -9999; }
  .md\:order-last { order: 9999; }
  .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\:order-7 { order: 7; }
  .md\:order-8 { order: 8; }
  .md\:order-9 { order: 9; }
  .md\:order-10 { order: 10; }
  .md\:order-11 { order: 11; }
  .md\:order-12 { order: 12; }

  /* Grid */
  .md\:grid-flow-row { grid-auto-flow: row; }
  .md\:grid-flow-col { grid-auto-flow: column; }
  .md\:grid-flow-dense { grid-auto-flow: dense; }
  .md\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .md\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .md\:grid-cols-none { grid-template-columns: none; }
  .md\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .md\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .md\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .md\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .md\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .md\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .md\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .md\:grid-rows-none { grid-template-rows: none; }
  .md\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .md\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .md\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .md\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .md\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .md\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .md\:grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .md\:grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .md\:grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .md\:grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .md\:grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .md\:grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .md\:auto-cols-auto { grid-auto-columns: auto; }
  .md\:auto-cols-min { grid-auto-columns: min-content; }
  .md\:auto-cols-max { grid-auto-columns: max-content; }
  .md\:auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
  .md\:auto-rows-auto { grid-auto-rows: auto; }
  .md\:auto-rows-min { grid-auto-rows: min-content; }
  .md\:auto-rows-max { grid-auto-rows: max-content; }
  .md\:auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
  .md\:col-auto { grid-column: auto; }
  .md\:col-span-1 { grid-column: span 1 / span 1; }
  .md\:col-span-2 { grid-column: span 2 / span 2; }
  .md\:col-span-3 { grid-column: span 3 / span 3; }
  .md\:col-span-4 { grid-column: span 4 / span 4; }
  .md\:col-span-5 { grid-column: span 5 / span 5; }
  .md\:col-span-6 { grid-column: span 6 / span 6; }
  .md\:col-span-7 { grid-column: span 7 / span 7; }
  .md\:col-span-8 { grid-column: span 8 / span 8; }
  .md\:col-span-9 { grid-column: span 9 / span 9; }
  .md\:col-span-10 { grid-column: span 10 / span 10; }
  .md\:col-span-11 { grid-column: span 11 / span 11; }
  .md\:col-span-12 { grid-column: span 12 / span 12; }
  .md\:col-span-full { grid-column: 1 / -1; }
  .md\:col-start-auto { grid-column-start: auto; }
  .md\:col-start-1 { grid-column-start: 1; }
  .md\:col-start-2 { grid-column-start: 2; }
  .md\:col-start-3 { grid-column-start: 3; }
  .md\:col-start-4 { grid-column-start: 4; }
  .md\:col-start-5 { grid-column-start: 5; }
  .md\:col-start-6 { grid-column-start: 6; }
  .md\:col-start-7 { grid-column-start: 7; }
  .md\:col-start-8 { grid-column-start: 8; }
  .md\:col-start-9 { grid-column-start: 9; }
  .md\:col-start-10 { grid-column-start: 10; }
  .md\:col-start-11 { grid-column-start: 11; }
  .md\:col-start-12 { grid-column-start: 12; }
  .md\:col-start-13 { grid-column-start: 13; }
  .md\:col-end-auto { grid-column-end: auto; }
  .md\:col-end-1 { grid-column-end: 1; }
  .md\:col-end-2 { grid-column-end: 2; }
  .md\:col-end-3 { grid-column-end: 3; }
  .md\:col-end-4 { grid-column-end: 4; }
  .md\:col-end-5 { grid-column-end: 5; }
  .md\:col-end-6 { grid-column-end: 6; }
  .md\:col-end-7 { grid-column-end: 7; }
  .md\:col-end-8 { grid-column-end: 8; }
  .md\:col-end-9 { grid-column-end: 9; }
  .md\:col-end-10 { grid-column-end: 10; }
  .md\:col-end-11 { grid-column-end: 11; }
  .md\:col-end-12 { grid-column-end: 12; }
  .md\:col-end-13 { grid-column-end: 13; }
  .md\:row-auto { grid-row: auto; }
  .md\:row-span-1 { grid-row: span 1 / span 1; }
  .md\:row-span-2 { grid-row: span 2 / span 2; }
  .md\:row-span-3 { grid-row: span 3 / span 3; }
  .md\:row-span-4 { grid-row: span 4 / span 4; }
  .md\:row-span-5 { grid-row: span 5 / span 5; }
  .md\:row-span-6 { grid-row: span 6 / span 6; }
  .md\:row-span-7 { grid-row: span 7 / span 7; }
  .md\:row-span-8 { grid-row: span 8 / span 8; }
  .md\:row-span-9 { grid-row: span 9 / span 9; }
  .md\:row-span-10 { grid-row: span 10 / span 10; }
  .md\:row-span-11 { grid-row: span 11 / span 11; }
  .md\:row-span-12 { grid-row: span 12 / span 12; }
  .md\:row-span-full { grid-row: 1 / -1; }
  .md\:row-start-auto { grid-row-start: auto; }
  .md\:row-start-1 { grid-row-start: 1; }
  .md\:row-start-2 { grid-row-start: 2; }
  .md\:row-start-3 { grid-row-start: 3; }
  .md\:row-start-4 { grid-row-start: 4; }
  .md\:row-start-5 { grid-row-start: 5; }
  .md\:row-start-6 { grid-row-start: 6; }
  .md\:row-start-7 { grid-row-start: 7; }
  .md\:row-start-8 { grid-row-start: 8; }
  .md\:row-start-9 { grid-row-start: 9; }
  .md\:row-start-10 { grid-row-start: 10; }
  .md\:row-start-11 { grid-row-start: 11; }
  .md\:row-start-12 { grid-row-start: 12; }
  .md\:row-start-13 { grid-row-start: 13; }
  .md\:row-end-auto { grid-row-end: auto; }
  .md\:row-end-1 { grid-row-end: 1; }
  .md\:row-end-2 { grid-row-end: 2; }
  .md\:row-end-3 { grid-row-end: 3; }
  .md\:row-end-4 { grid-row-end: 4; }
  .md\:row-end-5 { grid-row-end: 5; }
  .md\:row-end-6 { grid-row-end: 6; }
  .md\:row-end-7 { grid-row-end: 7; }
  .md\:row-end-8 { grid-row-end: 8; }
  .md\:row-end-9 { grid-row-end: 9; }
  .md\:row-end-10 { grid-row-end: 10; }
  .md\:row-end-11 { grid-row-end: 11; }
  .md\:row-end-12 { grid-row-end: 12; }
  .md\:row-end-13 { grid-row-end: 13; }

  /* Gaps */
  .md\:gap-0 { gap: 0; }
  .md\:gap-5 { gap: var(--size-5); }
  .md\:gap-10 { gap: var(--size-10); }
  .md\:gap-15 { gap: var(--size-15); }
  .md\:gap-16 { gap: var(--size-16); }
  .md\:gap-20 { gap: var(--size-20); }
  .md\:gap-25 { gap: var(--size-25); }
  .md\:gap-30 { gap: var(--size-30); }
  .md\:gap-35 { gap: var(--size-35); }
  .md\:gap-40 { gap: var(--size-40); }
  .md\:gap-45 { gap: var(--size-45); }
  .md\:gap-50 { gap: var(--size-50); }
  .md\:gap-55 { gap: var(--size-55); }
  .md\:gap-60 { gap: var(--size-60); }
  .md\:gap-65 { gap: var(--size-65); }
  .md\:gap-70 { gap: var(--size-70); }
  .md\:gap-75 { gap: var(--size-75); }
  .md\:gap-80 { gap: var(--size-80); }
  .md\:gap-85 { gap: var(--size-85); }
  .md\:gap-90 { gap: var(--size-90); }
  .md\:gap-95 { gap: var(--size-95); }
  .md\:gap-100 { gap: var(--size-100); }
  .md\:gap-x-0 { -moz-column-gap: 0; column-gap: 0; }
  .md\:gap-x-5 { -moz-column-gap: var(--size-5); column-gap: var(--size-5); }
  .md\:gap-x-10 { -moz-column-gap: var(--size-10); column-gap: var(--size-10); }
  .md\:gap-x-15 { -moz-column-gap: var(--size-15); column-gap: var(--size-15); }
  .md\:gap-x-16 { -moz-column-gap: var(--size-16); column-gap: var(--size-16); }
  .md\:gap-x-20 { -moz-column-gap: var(--size-20); column-gap: var(--size-20); }
  .md\:gap-x-25 { -moz-column-gap: var(--size-25); column-gap: var(--size-25); }
  .md\:gap-x-30 { -moz-column-gap: var(--size-30); column-gap: var(--size-30); }
  .md\:gap-x-35 { -moz-column-gap: var(--size-35); column-gap: var(--size-35); }
  .md\:gap-x-40 { -moz-column-gap: var(--size-40); column-gap: var(--size-40); }
  .md\:gap-x-45 { -moz-column-gap: var(--size-45); column-gap: var(--size-45); }
  .md\:gap-x-50 { -moz-column-gap: var(--size-50); column-gap: var(--size-50); }
  .md\:gap-x-55 { -moz-column-gap: var(--size-55); column-gap: var(--size-55); }
  .md\:gap-x-60 { -moz-column-gap: var(--size-60); column-gap: var(--size-60); }
  .md\:gap-x-65 { -moz-column-gap: var(--size-65); column-gap: var(--size-65); }
  .md\:gap-x-70 { -moz-column-gap: var(--size-70); column-gap: var(--size-70); }
  .md\:gap-x-75 { -moz-column-gap: var(--size-75); column-gap: var(--size-75); }
  .md\:gap-x-80 { -moz-column-gap: var(--size-80); column-gap: var(--size-80); }
  .md\:gap-x-85 { -moz-column-gap: var(--size-85); column-gap: var(--size-85); }
  .md\:gap-x-90 { -moz-column-gap: var(--size-90); column-gap: var(--size-90); }
  .md\:gap-x-95 { -moz-column-gap: var(--size-95); column-gap: var(--size-95); }
  .md\:gap-x-100 { -moz-column-gap: var(--size-100); column-gap: var(--size-100); }
  .md\:gap-y-0 { row-gap: 0; }
  .md\:gap-y-5 { row-gap: var(--size-5); }
  .md\:gap-y-10 { row-gap: var(--size-10); }
  .md\:gap-y-15 { row-gap: var(--size-15); }
  .md\:gap-y-16 { row-gap: var(--size-16); }
  .md\:gap-y-20 { row-gap: var(--size-20); }
  .md\:gap-y-25 { row-gap: var(--size-25); }
  .md\:gap-y-30 { row-gap: var(--size-30); }
  .md\:gap-y-35 { row-gap: var(--size-35); }
  .md\:gap-y-40 { row-gap: var(--size-40); }
  .md\:gap-y-45 { row-gap: var(--size-45); }
  .md\:gap-y-50 { row-gap: var(--size-50); }
  .md\:gap-y-55 { row-gap: var(--size-55); }
  .md\:gap-y-60 { row-gap: var(--size-60); }
  .md\:gap-y-65 { row-gap: var(--size-65); }
  .md\:gap-y-70 { row-gap: var(--size-70); }
  .md\:gap-y-75 { row-gap: var(--size-75); }
  .md\:gap-y-80 { row-gap: var(--size-80); }
  .md\:gap-y-85 { row-gap: var(--size-85); }
  .md\:gap-y-90 { row-gap: var(--size-90); }
  .md\:gap-y-95 { row-gap: var(--size-95); }
  .md\:gap-y-100 { row-gap: var(--size-100); }

  /* Space Between Children */
  .md\:space-y-0 > :not(:last-child) { margin-block-end: 0; }
  .md\:space-y-5 > :not(:last-child) { margin-block-end: var(--size-5); }
  .md\:space-y-10 > :not(:last-child) { margin-block-end: var(--size-10); }
  .md\:space-y-15 > :not(:last-child) { margin-block-end: var(--size-15); }
  .md\:space-y-16 > :not(:last-child) { margin-block-end: var(--size-16); }
  .md\:space-y-20 > :not(:last-child) { margin-block-end: var(--size-20); }
  .md\:space-y-25 > :not(:last-child) { margin-block-end: var(--size-25); }
  .md\:space-y-30 > :not(:last-child) { margin-block-end: var(--size-30); }
  .md\:space-y-35 > :not(:last-child) { margin-block-end: var(--size-35); }
  .md\:space-y-40 > :not(:last-child) { margin-block-end: var(--size-40); }
  .md\:space-y-45 > :not(:last-child) { margin-block-end: var(--size-45); }
  .md\:space-y-50 > :not(:last-child) { margin-block-end: var(--size-50); }

  /* Margins */
  .md\:m-0 { margin: 0; }
  .md\:m-5 { margin: var(--size-5); }
  .md\:m-10 { margin: var(--size-10); }
  .md\:m-15 { margin: var(--size-15); }
  .md\:m-16 { margin: var(--size-16); }
  .md\:m-20 { margin: var(--size-20); }
  .md\:m-25 { margin: var(--size-25); }
  .md\:m-30 { margin: var(--size-30); }
  .md\:m-35 { margin: var(--size-35); }
  .md\:m-40 { margin: var(--size-40); }
  .md\:m-45 { margin: var(--size-45); }
  .md\:m-50 { margin: var(--size-50); }
  .md\:m-55 { margin: var(--size-55); }
  .md\:m-60 { margin: var(--size-60); }
  .md\:m-65 { margin: var(--size-65); }
  .md\:m-70 { margin: var(--size-70); }
  .md\:m-75 { margin: var(--size-75); }
  .md\:m-80 { margin: var(--size-80); }
  .md\:m-85 { margin: var(--size-85); }
  .md\:m-90 { margin: var(--size-90); }
  .md\:m-95 { margin: var(--size-95); }
  .md\:m-100 { margin: var(--size-100); }
  .md\:m-auto { margin: auto; }
  .md\:mx-0 { margin-inline: 0; }
  .md\:mx-5 { margin-inline: var(--size-5); }
  .md\:mx-10 { margin-inline: var(--size-10); }
  .md\:mx-15 { margin-inline: var(--size-15); }
  .md\:mx-16 { margin-inline: var(--size-16); }
  .md\:mx-20 { margin-inline: var(--size-20); }
  .md\:mx-25 { margin-inline: var(--size-25); }
  .md\:mx-30 { margin-inline: var(--size-30); }
  .md\:mx-35 { margin-inline: var(--size-35); }
  .md\:mx-40 { margin-inline: var(--size-40); }
  .md\:mx-45 { margin-inline: var(--size-45); }
  .md\:mx-50 { margin-inline: var(--size-50); }
  .md\:mx-55 { margin-inline: var(--size-55); }
  .md\:mx-60 { margin-inline: var(--size-60); }
  .md\:mx-65 { margin-inline: var(--size-65); }
  .md\:mx-70 { margin-inline: var(--size-70); }
  .md\:mx-75 { margin-inline: var(--size-75); }
  .md\:mx-80 { margin-inline: var(--size-80); }
  .md\:mx-85 { margin-inline: var(--size-85); }
  .md\:mx-90 { margin-inline: var(--size-90); }
  .md\:mx-95 { margin-inline: var(--size-95); }
  .md\:mx-100 { margin-inline: var(--size-100); }
  .md\:mx-auto { margin-inline: auto; }
  .md\:my-0 { margin-block: 0; }
  .md\:my-5 { margin-block: var(--size-5); }
  .md\:my-10 { margin-block: var(--size-10); }
  .md\:my-15 { margin-block: var(--size-15); }
  .md\:my-16 { margin-block: var(--size-16); }
  .md\:my-20 { margin-block: var(--size-20); }
  .md\:my-25 { margin-block: var(--size-25); }
  .md\:my-30 { margin-block: var(--size-30); }
  .md\:my-35 { margin-block: var(--size-35); }
  .md\:my-40 { margin-block: var(--size-40); }
  .md\:my-45 { margin-block: var(--size-45); }
  .md\:my-50 { margin-block: var(--size-50); }
  .md\:my-55 { margin-block: var(--size-55); }
  .md\:my-60 { margin-block: var(--size-60); }
  .md\:my-65 { margin-block: var(--size-65); }
  .md\:my-70 { margin-block: var(--size-70); }
  .md\:my-75 { margin-block: var(--size-75); }
  .md\:my-80 { margin-block: var(--size-80); }
  .md\:my-85 { margin-block: var(--size-85); }
  .md\:my-90 { margin-block: var(--size-90); }
  .md\:my-95 { margin-block: var(--size-95); }
  .md\:my-100 { margin-block: var(--size-100); }
  .md\:my-auto { margin-block: auto; }
  .md\:ms-0 { margin-inline-start: 0; }
  .md\:ms-5 { margin-inline-start: var(--size-5); }
  .md\:ms-10 { margin-inline-start: var(--size-10); }
  .md\:ms-15 { margin-inline-start: var(--size-15); }
  .md\:ms-16 { margin-inline-start: var(--size-16); }
  .md\:ms-20 { margin-inline-start: var(--size-20); }
  .md\:ms-25 { margin-inline-start: var(--size-25); }
  .md\:ms-30 { margin-inline-start: var(--size-30); }
  .md\:ms-35 { margin-inline-start: var(--size-35); }
  .md\:ms-40 { margin-inline-start: var(--size-40); }
  .md\:ms-45 { margin-inline-start: var(--size-45); }
  .md\:ms-50 { margin-inline-start: var(--size-50); }
  .md\:ms-55 { margin-inline-start: var(--size-55); }
  .md\:ms-60 { margin-inline-start: var(--size-60); }
  .md\:ms-65 { margin-inline-start: var(--size-65); }
  .md\:ms-70 { margin-inline-start: var(--size-70); }
  .md\:ms-75 { margin-inline-start: var(--size-75); }
  .md\:ms-80 { margin-inline-start: var(--size-80); }
  .md\:ms-85 { margin-inline-start: var(--size-85); }
  .md\:ms-90 { margin-inline-start: var(--size-90); }
  .md\:ms-95 { margin-inline-start: var(--size-95); }
  .md\:ms-100 { margin-inline-start: var(--size-100); }
  .md\:ms-auto { margin-inline-start: auto; }
  .md\:me-0 { margin-inline-end: 0; }
  .md\:me-5 { margin-inline-end: var(--size-5); }
  .md\:me-10 { margin-inline-end: var(--size-10); }
  .md\:me-15 { margin-inline-end: var(--size-15); }
  .md\:me-16 { margin-inline-end: var(--size-16); }
  .md\:me-20 { margin-inline-end: var(--size-20); }
  .md\:me-25 { margin-inline-end: var(--size-25); }
  .md\:me-30 { margin-inline-end: var(--size-30); }
  .md\:me-35 { margin-inline-end: var(--size-35); }
  .md\:me-40 { margin-inline-end: var(--size-40); }
  .md\:me-45 { margin-inline-end: var(--size-45); }
  .md\:me-50 { margin-inline-end: var(--size-50); }
  .md\:me-55 { margin-inline-end: var(--size-55); }
  .md\:me-60 { margin-inline-end: var(--size-60); }
  .md\:me-65 { margin-inline-end: var(--size-65); }
  .md\:me-70 { margin-inline-end: var(--size-70); }
  .md\:me-75 { margin-inline-end: var(--size-75); }
  .md\:me-80 { margin-inline-end: var(--size-80); }
  .md\:me-85 { margin-inline-end: var(--size-85); }
  .md\:me-90 { margin-inline-end: var(--size-90); }
  .md\:me-95 { margin-inline-end: var(--size-95); }
  .md\:me-100 { margin-inline-end: var(--size-100); }
  .md\:me-auto { margin-inline-end: auto; }
  .md\:mt-0 { margin-top: 0; }
  .md\:mt-5 { margin-top: var(--size-5); }
  .md\:mt-10 { margin-top: var(--size-10); }
  .md\:mt-15 { margin-top: var(--size-15); }
  .md\:mt-16 { margin-top: var(--size-16); }
  .md\:mt-20 { margin-top: var(--size-20); }
  .md\:mt-25 { margin-top: var(--size-25); }
  .md\:mt-30 { margin-top: var(--size-30); }
  .md\:mt-35 { margin-top: var(--size-35); }
  .md\:mt-40 { margin-top: var(--size-40); }
  .md\:mt-45 { margin-top: var(--size-45); }
  .md\:mt-50 { margin-top: var(--size-50); }
  .md\:mt-55 { margin-top: var(--size-55); }
  .md\:mt-60 { margin-top: var(--size-60); }
  .md\:mt-65 { margin-top: var(--size-65); }
  .md\:mt-70 { margin-top: var(--size-70); }
  .md\:mt-75 { margin-top: var(--size-75); }
  .md\:mt-80 { margin-top: var(--size-80); }
  .md\:mt-85 { margin-top: var(--size-85); }
  .md\:mt-90 { margin-top: var(--size-90); }
  .md\:mt-95 { margin-top: var(--size-95); }
  .md\:mt-100 { margin-top: var(--size-100); }
  .md\:mt-auto { margin-top: auto; }
  .md\:mr-0 { margin-right: 0; }
  .md\:mr-5 { margin-right: var(--size-5); }
  .md\:mr-10 { margin-right: var(--size-10); }
  .md\:mr-15 { margin-right: var(--size-15); }
  .md\:mr-16 { margin-right: var(--size-16); }
  .md\:mr-20 { margin-right: var(--size-20); }
  .md\:mr-25 { margin-right: var(--size-25); }
  .md\:mr-30 { margin-right: var(--size-30); }
  .md\:mr-35 { margin-right: var(--size-35); }
  .md\:mr-40 { margin-right: var(--size-40); }
  .md\:mr-45 { margin-right: var(--size-45); }
  .md\:mr-50 { margin-right: var(--size-50); }
  .md\:mr-55 { margin-right: var(--size-55); }
  .md\:mr-60 { margin-right: var(--size-60); }
  .md\:mr-65 { margin-right: var(--size-65); }
  .md\:mr-70 { margin-right: var(--size-70); }
  .md\:mr-75 { margin-right: var(--size-75); }
  .md\:mr-80 { margin-right: var(--size-80); }
  .md\:mr-85 { margin-right: var(--size-85); }
  .md\:mr-90 { margin-right: var(--size-90); }
  .md\:mr-95 { margin-right: var(--size-95); }
  .md\:mr-100 { margin-right: var(--size-100); }
  .md\:mr-auto { margin-right: auto; }
  .md\:mb-0 { margin-bottom: 0; }
  .md\:mb-5 { margin-bottom: var(--size-5); }
  .md\:mb-10 { margin-bottom: var(--size-10); }
  .md\:mb-15 { margin-bottom: var(--size-15); }
  .md\:mb-16 { margin-bottom: var(--size-16); }
  .md\:mb-20 { margin-bottom: var(--size-20); }
  .md\:mb-25 { margin-bottom: var(--size-25); }
  .md\:mb-30 { margin-bottom: var(--size-30); }
  .md\:mb-35 { margin-bottom: var(--size-35); }
  .md\:mb-40 { margin-bottom: var(--size-40); }
  .md\:mb-45 { margin-bottom: var(--size-45); }
  .md\:mb-50 { margin-bottom: var(--size-50); }
  .md\:mb-55 { margin-bottom: var(--size-55); }
  .md\:mb-60 { margin-bottom: var(--size-60); }
  .md\:mb-65 { margin-bottom: var(--size-65); }
  .md\:mb-70 { margin-bottom: var(--size-70); }
  .md\:mb-75 { margin-bottom: var(--size-75); }
  .md\:mb-80 { margin-bottom: var(--size-80); }
  .md\:mb-85 { margin-bottom: var(--size-85); }
  .md\:mb-90 { margin-bottom: var(--size-90); }
  .md\:mb-95 { margin-bottom: var(--size-95); }
  .md\:mb-100 { margin-bottom: var(--size-100); }
  .md\:mb-auto { margin-bottom: auto; }
  .md\:ml-0 { margin-left: 0; }
  .md\:ml-5 { margin-left: var(--size-5); }
  .md\:ml-10 { margin-left: var(--size-10); }
  .md\:ml-15 { margin-left: var(--size-15); }
  .md\:ml-16 { margin-left: var(--size-16); }
  .md\:ml-20 { margin-left: var(--size-20); }
  .md\:ml-25 { margin-left: var(--size-25); }
  .md\:ml-30 { margin-left: var(--size-30); }
  .md\:ml-35 { margin-left: var(--size-35); }
  .md\:ml-40 { margin-left: var(--size-40); }
  .md\:ml-45 { margin-left: var(--size-45); }
  .md\:ml-50 { margin-left: var(--size-50); }
  .md\:ml-55 { margin-left: var(--size-55); }
  .md\:ml-60 { margin-left: var(--size-60); }
  .md\:ml-65 { margin-left: var(--size-65); }
  .md\:ml-70 { margin-left: var(--size-70); }
  .md\:ml-75 { margin-left: var(--size-75); }
  .md\:ml-80 { margin-left: var(--size-80); }
  .md\:ml-85 { margin-left: var(--size-85); }
  .md\:ml-90 { margin-left: var(--size-90); }
  .md\:ml-95 { margin-left: var(--size-95); }
  .md\:ml-100 { margin-left: var(--size-100); }
  .md\:ml-auto { margin-left: auto; }

  /* Paddings */
  .md\:p-0 { padding: 0; }
  .md\:p-5 { padding: var(--size-5); }
  .md\:p-10 { padding: var(--size-10); }
  .md\:p-15 { padding: var(--size-15); }
  .md\:p-16 { padding: var(--size-16); }
  .md\:p-20 { padding: var(--size-20); }
  .md\:p-25 { padding: var(--size-25); }
  .md\:p-30 { padding: var(--size-30); }
  .md\:p-35 { padding: var(--size-35); }
  .md\:p-40 { padding: var(--size-40); }
  .md\:p-45 { padding: var(--size-45); }
  .md\:p-50 { padding: var(--size-50); }
  .md\:p-55 { padding: var(--size-55); }
  .md\:p-60 { padding: var(--size-60); }
  .md\:p-65 { padding: var(--size-65); }
  .md\:p-70 { padding: var(--size-70); }
  .md\:p-75 { padding: var(--size-75); }
  .md\:p-80 { padding: var(--size-80); }
  .md\:p-85 { padding: var(--size-85); }
  .md\:p-90 { padding: var(--size-90); }
  .md\:p-95 { padding: var(--size-95); }
  .md\:p-100 { padding: var(--size-100); }
  .md\:px-0 { padding-inline: 0; }
  .md\:px-5 { padding-inline: var(--size-5); }
  .md\:px-10 { padding-inline: var(--size-10); }
  .md\:px-15 { padding-inline: var(--size-15); }
  .md\:px-16 { padding-inline: var(--size-16); }
  .md\:px-20 { padding-inline: var(--size-20); }
  .md\:px-25 { padding-inline: var(--size-25); }
  .md\:px-30 { padding-inline: var(--size-30); }
  .md\:px-35 { padding-inline: var(--size-35); }
  .md\:px-40 { padding-inline: var(--size-40); }
  .md\:px-45 { padding-inline: var(--size-45); }
  .md\:px-50 { padding-inline: var(--size-50); }
  .md\:px-55 { padding-inline: var(--size-55); }
  .md\:px-60 { padding-inline: var(--size-60); }
  .md\:px-65 { padding-inline: var(--size-65); }
  .md\:px-70 { padding-inline: var(--size-70); }
  .md\:px-75 { padding-inline: var(--size-75); }
  .md\:px-80 { padding-inline: var(--size-80); }
  .md\:px-85 { padding-inline: var(--size-85); }
  .md\:px-90 { padding-inline: var(--size-90); }
  .md\:px-95 { padding-inline: var(--size-95); }
  .md\:px-100 { padding-inline: var(--size-100); }
  .md\:py-0 { padding-block: 0; }
  .md\:py-5 { padding-block: var(--size-5); }
  .md\:py-10 { padding-block: var(--size-10); }
  .md\:py-15 { padding-block: var(--size-15); }
  .md\:py-16 { padding-block: var(--size-16); }
  .md\:py-20 { padding-block: var(--size-20); }
  .md\:py-25 { padding-block: var(--size-25); }
  .md\:py-30 { padding-block: var(--size-30); }
  .md\:py-35 { padding-block: var(--size-35); }
  .md\:py-40 { padding-block: var(--size-40); }
  .md\:py-45 { padding-block: var(--size-45); }
  .md\:py-50 { padding-block: var(--size-50); }
  .md\:py-55 { padding-block: var(--size-55); }
  .md\:py-60 { padding-block: var(--size-60); }
  .md\:py-65 { padding-block: var(--size-65); }
  .md\:py-70 { padding-block: var(--size-70); }
  .md\:py-75 { padding-block: var(--size-75); }
  .md\:py-80 { padding-block: var(--size-80); }
  .md\:py-85 { padding-block: var(--size-85); }
  .md\:py-90 { padding-block: var(--size-90); }
  .md\:py-95 { padding-block: var(--size-95); }
  .md\:py-100 { padding-block: var(--size-100); }
  .md\:ps-0 { padding-inline-start: 0; }
  .md\:ps-5 { padding-inline-start: var(--size-5); }
  .md\:ps-10 { padding-inline-start: var(--size-10); }
  .md\:ps-15 { padding-inline-start: var(--size-15); }
  .md\:ps-16 { padding-inline-start: var(--size-16); }
  .md\:ps-20 { padding-inline-start: var(--size-20); }
  .md\:ps-25 { padding-inline-start: var(--size-25); }
  .md\:ps-30 { padding-inline-start: var(--size-30); }
  .md\:ps-35 { padding-inline-start: var(--size-35); }
  .md\:ps-40 { padding-inline-start: var(--size-40); }
  .md\:ps-45 { padding-inline-start: var(--size-45); }
  .md\:ps-50 { padding-inline-start: var(--size-50); }
  .md\:ps-55 { padding-inline-start: var(--size-55); }
  .md\:ps-60 { padding-inline-start: var(--size-60); }
  .md\:ps-65 { padding-inline-start: var(--size-65); }
  .md\:ps-70 { padding-inline-start: var(--size-70); }
  .md\:ps-75 { padding-inline-start: var(--size-75); }
  .md\:ps-80 { padding-inline-start: var(--size-80); }
  .md\:ps-85 { padding-inline-start: var(--size-85); }
  .md\:ps-90 { padding-inline-start: var(--size-90); }
  .md\:ps-95 { padding-inline-start: var(--size-95); }
  .md\:ps-100 { padding-inline-start: var(--size-100); }
  .md\:pe-0 { padding-inline-end: 0; }
  .md\:pe-5 { padding-inline-end: var(--size-5); }
  .md\:pe-10 { padding-inline-end: var(--size-10); }
  .md\:pe-15 { padding-inline-end: var(--size-15); }
  .md\:pe-16 { padding-inline-end: var(--size-16); }
  .md\:pe-20 { padding-inline-end: var(--size-20); }
  .md\:pe-25 { padding-inline-end: var(--size-25); }
  .md\:pe-30 { padding-inline-end: var(--size-30); }
  .md\:pe-35 { padding-inline-end: var(--size-35); }
  .md\:pe-40 { padding-inline-end: var(--size-40); }
  .md\:pe-45 { padding-inline-end: var(--size-45); }
  .md\:pe-50 { padding-inline-end: var(--size-50); }
  .md\:pe-55 { padding-inline-end: var(--size-55); }
  .md\:pe-60 { padding-inline-end: var(--size-60); }
  .md\:pe-65 { padding-inline-end: var(--size-65); }
  .md\:pe-70 { padding-inline-end: var(--size-70); }
  .md\:pe-75 { padding-inline-end: var(--size-75); }
  .md\:pe-80 { padding-inline-end: var(--size-80); }
  .md\:pe-85 { padding-inline-end: var(--size-85); }
  .md\:pe-90 { padding-inline-end: var(--size-90); }
  .md\:pe-95 { padding-inline-end: var(--size-95); }
  .md\:pe-100 { padding-inline-end: var(--size-100); }
  .md\:pt-0 { padding-top: 0; }
  .md\:pt-5 { padding-top: var(--size-5); }
  .md\:pt-10 { padding-top: var(--size-10); }
  .md\:pt-15 { padding-top: var(--size-15); }
  .md\:pt-16 { padding-top: var(--size-16); }
  .md\:pt-20 { padding-top: var(--size-20); }
  .md\:pt-25 { padding-top: var(--size-25); }
  .md\:pt-30 { padding-top: var(--size-30); }
  .md\:pt-35 { padding-top: var(--size-35); }
  .md\:pt-40 { padding-top: var(--size-40); }
  .md\:pt-45 { padding-top: var(--size-45); }
  .md\:pt-50 { padding-top: var(--size-50); }
  .md\:pt-55 { padding-top: var(--size-55); }
  .md\:pt-60 { padding-top: var(--size-60); }
  .md\:pt-65 { padding-top: var(--size-65); }
  .md\:pt-70 { padding-top: var(--size-70); }
  .md\:pt-75 { padding-top: var(--size-75); }
  .md\:pt-80 { padding-top: var(--size-80); }
  .md\:pt-85 { padding-top: var(--size-85); }
  .md\:pt-90 { padding-top: var(--size-90); }
  .md\:pt-95 { padding-top: var(--size-95); }
  .md\:pt-100 { padding-top: var(--size-100); }
  .md\:pr-0 { padding-right: 0; }
  .md\:pr-5 { padding-right: var(--size-5); }
  .md\:pr-10 { padding-right: var(--size-10); }
  .md\:pr-15 { padding-right: var(--size-15); }
  .md\:pr-16 { padding-right: var(--size-16); }
  .md\:pr-20 { padding-right: var(--size-20); }
  .md\:pr-25 { padding-right: var(--size-25); }
  .md\:pr-30 { padding-right: var(--size-30); }
  .md\:pr-35 { padding-right: var(--size-35); }
  .md\:pr-40 { padding-right: var(--size-40); }
  .md\:pr-45 { padding-right: var(--size-45); }
  .md\:pr-50 { padding-right: var(--size-50); }
  .md\:pr-55 { padding-right: var(--size-55); }
  .md\:pr-60 { padding-right: var(--size-60); }
  .md\:pr-65 { padding-right: var(--size-65); }
  .md\:pr-70 { padding-right: var(--size-70); }
  .md\:pr-75 { padding-right: var(--size-75); }
  .md\:pr-80 { padding-right: var(--size-80); }
  .md\:pr-85 { padding-right: var(--size-85); }
  .md\:pr-90 { padding-right: var(--size-90); }
  .md\:pr-95 { padding-right: var(--size-95); }
  .md\:pr-100 { padding-right: var(--size-100); }
  .md\:pb-0 { padding-bottom: 0; }
  .md\:pb-5 { padding-bottom: var(--size-5); }
  .md\:pb-10 { padding-bottom: var(--size-10); }
  .md\:pb-15 { padding-bottom: var(--size-15); }
  .md\:pb-16 { padding-bottom: var(--size-16); }
  .md\:pb-20 { padding-bottom: var(--size-20); }
  .md\:pb-25 { padding-bottom: var(--size-25); }
  .md\:pb-30 { padding-bottom: var(--size-30); }
  .md\:pb-35 { padding-bottom: var(--size-35); }
  .md\:pb-40 { padding-bottom: var(--size-40); }
  .md\:pb-45 { padding-bottom: var(--size-45); }
  .md\:pb-50 { padding-bottom: var(--size-50); }
  .md\:pb-55 { padding-bottom: var(--size-55); }
  .md\:pb-60 { padding-bottom: var(--size-60); }
  .md\:pb-65 { padding-bottom: var(--size-65); }
  .md\:pb-70 { padding-bottom: var(--size-70); }
  .md\:pb-75 { padding-bottom: var(--size-75); }
  .md\:pb-80 { padding-bottom: var(--size-80); }
  .md\:pb-85 { padding-bottom: var(--size-85); }
  .md\:pb-90 { padding-bottom: var(--size-90); }
  .md\:pb-95 { padding-bottom: var(--size-95); }
  .md\:pb-100 { padding-bottom: var(--size-100); }
  .md\:pl-0 { padding-left: 0; }
  .md\:pl-5 { padding-left: var(--size-5); }
  .md\:pl-10 { padding-left: var(--size-10); }
  .md\:pl-15 { padding-left: var(--size-15); }
  .md\:pl-16 { padding-left: var(--size-16); }
  .md\:pl-20 { padding-left: var(--size-20); }
  .md\:pl-25 { padding-left: var(--size-25); }
  .md\:pl-30 { padding-left: var(--size-30); }
  .md\:pl-35 { padding-left: var(--size-35); }
  .md\:pl-40 { padding-left: var(--size-40); }
  .md\:pl-45 { padding-left: var(--size-45); }
  .md\:pl-50 { padding-left: var(--size-50); }
  .md\:pl-55 { padding-left: var(--size-55); }
  .md\:pl-60 { padding-left: var(--size-60); }
  .md\:pl-65 { padding-left: var(--size-65); }
  .md\:pl-70 { padding-left: var(--size-70); }
  .md\:pl-75 { padding-left: var(--size-75); }
  .md\:pl-80 { padding-left: var(--size-80); }
  .md\:pl-85 { padding-left: var(--size-85); }
  .md\:pl-90 { padding-left: var(--size-90); }
  .md\:pl-95 { padding-left: var(--size-95); }
  .md\:pl-100 { padding-left: var(--size-100); }

  /* Typography */
  :is(.md\:h1, .md\:h2, .md\:h3, .md\:h4, .md\:h5, .md\:h6) > :where(h1, h2, h3, h4, h5, h6):where(:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)) { font-size: inherit; }
  .md\:h1 { font-size: var(--h1-size); }
  .md\:h2 { font-size: var(--h2-size); }
  .md\:h3 { font-size: var(--h3-size); }
  .md\:h4 { font-size: var(--h4-size); }
  .md\:h5 { font-size: var(--h5-size); }
  .md\:h6 { font-size: var(--h6-size); }
  .md\:text-2xl { font-size: var(--text-2xl); }
  .md\:text-xl { font-size: var(--text-xl); }
  .md\:text-lg { font-size: var(--text-lg); }
  .md\:text-md { font-size: var(--text-md); }
  .md\:text-base { font-size: var(--text-base); }
  .md\:text-sm { font-size: var(--text-sm); }
  .md\:text-xs { font-size: var(--text-xs); }
  .md\:leading-tight { line-height: var(--leading-tight); }
  .md\:leading-snug { line-height: var(--leading-snug); }
  .md\:leading-normal { line-height: var(--leading-normal); }
  .md\:leading-relaxed { line-height: var(--leading-relaxed); }
  .md\:leading-loose { line-height: var(--leading-loose); }
  .md\:tracking-tighter { letter-spacing: var(--tracking-tighter); }
  .md\:tracking-tight { letter-spacing: var(--tracking-tight); }
  .md\:tracking-normal { letter-spacing: var(--tracking-normal); }
  .md\:tracking-wide { letter-spacing: var(--tracking-wide); }
  .md\:tracking-wider { letter-spacing: var(--tracking-wider); }
  .md\:tracking-widest { letter-spacing: var(--tracking-widest); }

  /* Radius */
  .md\:rounded-none { border-radius: 0; }
  .md\:rounded-xs { border-radius: var(--radius-xs); }
  .md\:rounded-sm { border-radius: var(--radius-sm); }
  .md\:rounded-md { border-radius: var(--radius-md); }
  .md\:rounded-lg { border-radius: var(--radius-lg); }
  .md\:rounded-xl { border-radius: var(--radius-xl); }
  .md\:rounded-2xl { border-radius: var(--radius-2xl); }
  .md\:rounded-3xl { border-radius: var(--radius-3xl); }
  .md\:rounded-4xl { border-radius: var(--radius-4xl); }
  .md\:rounded-full { border-radius: 9999px; }

  /* Lists, Interaction & Object Fit */
  .md\:list-none { list-style-type: none; }
  .md\:pointer-events-none { pointer-events: none; }
  .md\:pointer-events-auto { pointer-events: auto; }
  .md\:object-contain { -o-object-fit: contain; object-fit: contain; }
  .md\:object-cover { -o-object-fit: cover; object-fit: cover; }
  .md\:object-fill { -o-object-fit: fill; object-fit: fill; }
  .md\:object-none { -o-object-fit: none; object-fit: none; }
  .md\:object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; }
  .md\:object-center { -o-object-position: center; object-position: center; }

  /* Opacity */
  .md\:opacity-0 { opacity: 0%; }
  .md\:opacity-1 { opacity: 1%; }
  .md\:opacity-2 { opacity: 2%; }
  .md\:opacity-3 { opacity: 3%; }
  .md\:opacity-4 { opacity: 4%; }
  .md\:opacity-5 { opacity: 5%; }
  .md\:opacity-6 { opacity: 6%; }
  .md\:opacity-7 { opacity: 7%; }
  .md\:opacity-8 { opacity: 8%; }
  .md\:opacity-9 { opacity: 9%; }
  .md\:opacity-10 { opacity: 10%; }
  .md\:opacity-11 { opacity: 11%; }
  .md\:opacity-12 { opacity: 12%; }
  .md\:opacity-13 { opacity: 13%; }
  .md\:opacity-14 { opacity: 14%; }
  .md\:opacity-15 { opacity: 15%; }
  .md\:opacity-16 { opacity: 16%; }
  .md\:opacity-17 { opacity: 17%; }
  .md\:opacity-18 { opacity: 18%; }
  .md\:opacity-19 { opacity: 19%; }
  .md\:opacity-20 { opacity: 20%; }
  .md\:opacity-21 { opacity: 21%; }
  .md\:opacity-22 { opacity: 22%; }
  .md\:opacity-23 { opacity: 23%; }
  .md\:opacity-24 { opacity: 24%; }
  .md\:opacity-25 { opacity: 25%; }
  .md\:opacity-26 { opacity: 26%; }
  .md\:opacity-27 { opacity: 27%; }
  .md\:opacity-28 { opacity: 28%; }
  .md\:opacity-29 { opacity: 29%; }
  .md\:opacity-30 { opacity: 30%; }
  .md\:opacity-31 { opacity: 31%; }
  .md\:opacity-32 { opacity: 32%; }
  .md\:opacity-33 { opacity: 33%; }
  .md\:opacity-34 { opacity: 34%; }
  .md\:opacity-35 { opacity: 35%; }
  .md\:opacity-36 { opacity: 36%; }
  .md\:opacity-37 { opacity: 37%; }
  .md\:opacity-38 { opacity: 38%; }
  .md\:opacity-39 { opacity: 39%; }
  .md\:opacity-40 { opacity: 40%; }
  .md\:opacity-41 { opacity: 41%; }
  .md\:opacity-42 { opacity: 42%; }
  .md\:opacity-43 { opacity: 43%; }
  .md\:opacity-44 { opacity: 44%; }
  .md\:opacity-45 { opacity: 45%; }
  .md\:opacity-46 { opacity: 46%; }
  .md\:opacity-47 { opacity: 47%; }
  .md\:opacity-48 { opacity: 48%; }
  .md\:opacity-49 { opacity: 49%; }
  .md\:opacity-50 { opacity: 50%; }
  .md\:opacity-51 { opacity: 51%; }
  .md\:opacity-52 { opacity: 52%; }
  .md\:opacity-53 { opacity: 53%; }
  .md\:opacity-54 { opacity: 54%; }
  .md\:opacity-55 { opacity: 55%; }
  .md\:opacity-56 { opacity: 56%; }
  .md\:opacity-57 { opacity: 57%; }
  .md\:opacity-58 { opacity: 58%; }
  .md\:opacity-59 { opacity: 59%; }
  .md\:opacity-60 { opacity: 60%; }
  .md\:opacity-61 { opacity: 61%; }
  .md\:opacity-62 { opacity: 62%; }
  .md\:opacity-63 { opacity: 63%; }
  .md\:opacity-64 { opacity: 64%; }
  .md\:opacity-65 { opacity: 65%; }
  .md\:opacity-66 { opacity: 66%; }
  .md\:opacity-67 { opacity: 67%; }
  .md\:opacity-68 { opacity: 68%; }
  .md\:opacity-69 { opacity: 69%; }
  .md\:opacity-70 { opacity: 70%; }
  .md\:opacity-71 { opacity: 71%; }
  .md\:opacity-72 { opacity: 72%; }
  .md\:opacity-73 { opacity: 73%; }
  .md\:opacity-74 { opacity: 74%; }
  .md\:opacity-75 { opacity: 75%; }
  .md\:opacity-76 { opacity: 76%; }
  .md\:opacity-77 { opacity: 77%; }
  .md\:opacity-78 { opacity: 78%; }
  .md\:opacity-79 { opacity: 79%; }
  .md\:opacity-80 { opacity: 80%; }
  .md\:opacity-81 { opacity: 81%; }
  .md\:opacity-82 { opacity: 82%; }
  .md\:opacity-83 { opacity: 83%; }
  .md\:opacity-84 { opacity: 84%; }
  .md\:opacity-85 { opacity: 85%; }
  .md\:opacity-86 { opacity: 86%; }
  .md\:opacity-87 { opacity: 87%; }
  .md\:opacity-88 { opacity: 88%; }
  .md\:opacity-89 { opacity: 89%; }
  .md\:opacity-90 { opacity: 90%; }
  .md\:opacity-91 { opacity: 91%; }
  .md\:opacity-92 { opacity: 92%; }
  .md\:opacity-93 { opacity: 93%; }
  .md\:opacity-94 { opacity: 94%; }
  .md\:opacity-95 { opacity: 95%; }
  .md\:opacity-96 { opacity: 96%; }
  .md\:opacity-97 { opacity: 97%; }
  .md\:opacity-98 { opacity: 98%; }
  .md\:opacity-99 { opacity: 99%; }
  .md\:opacity-100 { opacity: 100%; }

  /* Transitions */
  .md\:transition { transition-property: all; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .md\:transition-colors { transition-property: color, background-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .md\:duration-200 { transition-duration: var(--transition-duration); }
  .md\:ease-out { transition-timing-function: var(--transition-timing-function); }
}

/* Breakpoint LG (1024px) */
@media (min-width:64rem) {
  /* Text Transform & Wrapping */
  .lg\:uppercase { text-transform: uppercase; }
  .lg\:lowercase { text-transform: lowercase; }
  .lg\:capitalize { text-transform: capitalize; }
  .lg\:text-wrap { white-space: normal; }
  .lg\:text-nowrap { white-space: nowrap; }

  /* Visibility */
  .lg\:visible { visibility: visible; }
  .lg\:invisible { visibility: hidden; }

  /* Overflow */
  .lg\:overflow-auto { overflow: auto; }
  .lg\:overflow-visible { overflow: visible; }
  .lg\:overflow-clip { overflow: clip; }
  .lg\:overflow-hidden { overflow: hidden; }
  .lg\:overflow-scroll { overflow: scroll; }
  .lg\:overflow-x-auto { overflow-x: auto; }
  .lg\:overflow-y-auto { overflow-y: auto; }
  .lg\:overflow-x-hidden { overflow-x: hidden; }
  .lg\:overflow-y-hidden { overflow-y: hidden; }

  /* Sizing */
  .lg\:w-auto { width: auto; }
  .lg\:w-full { width: 100%; }
  .lg\:w-fit { width: -moz-fit-content; width: fit-content; }
  .lg\:h-auto { height: auto; }
  .lg\:h-full { height: 100%; }
  .lg\:h-fit { height: -moz-fit-content; height: fit-content; }
  .lg\:min-w-0 { min-width: 0; }
  .lg\:max-w-full { max-width: 100%; }

  /* Display */
  .lg\:hidden { display: none; }
  .lg\:block { display: block; }
  .lg\:inline { display: inline; }
  .lg\:inline-block { display: inline-block; }
  .lg\:flex { display: flex; }
  .lg\:inline-flex { display: inline-flex; }
  .lg\:grid { display: grid; }
  .lg\:inline-grid { display: inline-grid; }
  .lg\:contents { display: contents; }

  /* Position */
  .lg\:static { position: static; }
  .lg\:relative { position: relative; }
  .lg\:absolute { position: absolute; }
  .lg\:fixed { position: fixed; }
  .lg\:sticky { position: sticky; }
  .lg\:inset-0 { inset: 0; }
  .lg\:inset-x-0 { left: 0; right: 0; }
  .lg\:inset-y-0 { top: 0; bottom: 0; }
  .lg\:top-0 { top: 0; }
  .lg\:right-0 { right: 0; }
  .lg\:bottom-0 { bottom: 0; }
  .lg\:left-0 { left: 0; }

  /* Z-index */
  .lg\:z-auto { z-index: auto; }
  .lg\:z-0 { z-index: 0; }
  .lg\:z-10 { z-index: 10; }
  .lg\:z-20 { z-index: 20; }
  .lg\:z-30 { z-index: 30; }
  .lg\:z-40 { z-index: 40; }
  .lg\:z-50 { z-index: 50; }
  .lg\:-z-10 { z-index: -10; }

  /* Text Align */
  .lg\:text-left { text-align: left; }
  .lg\:text-center { text-align: center; }
  .lg\:text-right { text-align: right; }
  .lg\:text-justify { text-align: justify; }

  /* Text Decoration */
  .lg\:no-underline { text-decoration: none; }
  .lg\:underline { text-decoration: underline; }
  .lg\:line-through { text-decoration: line-through; }
  .lg\:decoration-1 { text-decoration-thickness: 1px; }
  .lg\:underline-offset-1 { text-underline-offset: 1px; }

  /* Font Style & Weight */
  .lg\:italic { font-style: italic; }
  .lg\:not-italic { font-style: normal; }
  .lg\:font-thin { font-weight: 100; }
  .lg\:font-extralight { font-weight: 200; }
  .lg\:font-light { font-weight: 300; }
  .lg\:font-normal { font-weight: 400; }
  .lg\:font-medium { font-weight: 500; }
  .lg\:font-semibold { font-weight: 600; }
  .lg\:font-bold { font-weight: 700; }
  .lg\:font-extrabold { font-weight: 800; }
  .lg\:font-black { font-weight: 900; }

  /* Flex */
  .lg\:flex-row { flex-direction: row; }
  .lg\:flex-col { flex-direction: column; }
  .lg\:flex-row-reverse { flex-direction: row-reverse; }
  .lg\:flex-col-reverse { flex-direction: column-reverse; }
  .lg\:flex-wrap { flex-wrap: wrap; }
  .lg\:flex-nowrap { flex-wrap: nowrap; }
  .lg\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .lg\:flex-1 { flex: 1 1 0%; }
  .lg\:flex-auto { flex: 1 1 auto; }
  .lg\:flex-initial { flex: 0 1 auto; }
  .lg\:flex-none { flex: none; }
  .lg\:grow { flex-grow: 1; }
  .lg\:grow-0 { flex-grow: 0; }
  .lg\:shrink { flex-shrink: 1; }
  .lg\:shrink-0 { flex-shrink: 0; }

  /* Justify */
  .lg\:justify-start { justify-content: flex-start; }
  .lg\:justify-end { justify-content: flex-end; }
  .lg\:justify-center { justify-content: center; }
  .lg\:justify-between { justify-content: space-between; }
  .lg\:justify-around { justify-content: space-around; }
  .lg\:justify-evenly { justify-content: space-evenly; }
  .lg\:justify-items-start { justify-items: start; }
  .lg\:justify-items-end { justify-items: end; }
  .lg\:justify-items-center { justify-items: center; }
  .lg\:justify-items-stretch { justify-items: stretch; }
  .lg\:justify-self-auto { justify-self: auto; }
  .lg\:justify-self-start { justify-self: start; }
  .lg\:justify-self-end { justify-self: end; }
  .lg\:justify-self-center { justify-self: center; }
  .lg\:justify-self-stretch { justify-self: stretch; }

  /* Align */
  .lg\:items-start { align-items: flex-start; }
  .lg\:items-end { align-items: flex-end; }
  .lg\:items-center { align-items: center; }
  .lg\:items-baseline { align-items: baseline; }
  .lg\:items-stretch { align-items: stretch; }
  .lg\:content-start { align-content: flex-start; }
  .lg\:content-end { align-content: flex-end; }
  .lg\:content-center { align-content: center; }
  .lg\:content-between { align-content: space-between; }
  .lg\:content-around { align-content: space-around; }
  .lg\:content-evenly { align-content: space-evenly; }
  .lg\:content-stretch { align-content: stretch; }
  .lg\:self-auto { align-self: auto; }
  .lg\:self-start { align-self: flex-start; }
  .lg\:self-end { align-self: flex-end; }
  .lg\:self-center { align-self: center; }
  .lg\:self-baseline { align-self: baseline; }
  .lg\:self-stretch { align-self: stretch; }
  .lg\:place-items-start { place-items: start; }
  .lg\:place-items-end { place-items: end; }
  .lg\:place-items-center { place-items: center; }
  .lg\:place-items-baseline { place-items: baseline; }
  .lg\:place-items-stretch { place-items: stretch; }
  .lg\:place-content-start { place-content: start; }
  .lg\:place-content-end { place-content: end; }
  .lg\:place-content-center { place-content: center; }
  .lg\:place-content-between { place-content: space-between; }
  .lg\:place-content-around { place-content: space-around; }
  .lg\:place-content-evenly { place-content: space-evenly; }
  .lg\:place-content-stretch { place-content: stretch; }
  .lg\:place-self-auto { place-self: auto; }
  .lg\:place-self-start { place-self: start; }
  .lg\:place-self-end { place-self: end; }
  .lg\:place-self-center { place-self: center; }
  .lg\:place-self-stretch { place-self: stretch; }

  /* Order */
  .lg\:order-first { order: -9999; }
  .lg\:order-last { order: 9999; }
  .lg\:order-none { order: 0; }
  .lg\:order-1 { order: 1; }
  .lg\:order-2 { order: 2; }
  .lg\:order-3 { order: 3; }
  .lg\:order-4 { order: 4; }
  .lg\:order-5 { order: 5; }
  .lg\:order-6 { order: 6; }
  .lg\:order-7 { order: 7; }
  .lg\:order-8 { order: 8; }
  .lg\:order-9 { order: 9; }
  .lg\:order-10 { order: 10; }
  .lg\:order-11 { order: 11; }
  .lg\:order-12 { order: 12; }

  /* Grid */
  .lg\:grid-flow-row { grid-auto-flow: row; }
  .lg\:grid-flow-col { grid-auto-flow: column; }
  .lg\:grid-flow-dense { grid-auto-flow: dense; }
  .lg\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .lg\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .lg\:grid-cols-none { grid-template-columns: none; }
  .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .lg\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .lg\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .lg\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .lg\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .lg\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .lg\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .lg\:grid-rows-none { grid-template-rows: none; }
  .lg\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .lg\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .lg\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .lg\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .lg\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .lg\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .lg\:grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .lg\:grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .lg\:grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .lg\:grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .lg\:grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .lg\:grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .lg\:auto-cols-auto { grid-auto-columns: auto; }
  .lg\:auto-cols-min { grid-auto-columns: min-content; }
  .lg\:auto-cols-max { grid-auto-columns: max-content; }
  .lg\:auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
  .lg\:auto-rows-auto { grid-auto-rows: auto; }
  .lg\:auto-rows-min { grid-auto-rows: min-content; }
  .lg\:auto-rows-max { grid-auto-rows: max-content; }
  .lg\:auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
  .lg\:col-auto { grid-column: auto; }
  .lg\:col-span-1 { grid-column: span 1 / span 1; }
  .lg\:col-span-2 { grid-column: span 2 / span 2; }
  .lg\:col-span-3 { grid-column: span 3 / span 3; }
  .lg\:col-span-4 { grid-column: span 4 / span 4; }
  .lg\:col-span-5 { grid-column: span 5 / span 5; }
  .lg\:col-span-6 { grid-column: span 6 / span 6; }
  .lg\:col-span-7 { grid-column: span 7 / span 7; }
  .lg\:col-span-8 { grid-column: span 8 / span 8; }
  .lg\:col-span-9 { grid-column: span 9 / span 9; }
  .lg\:col-span-10 { grid-column: span 10 / span 10; }
  .lg\:col-span-11 { grid-column: span 11 / span 11; }
  .lg\:col-span-12 { grid-column: span 12 / span 12; }
  .lg\:col-span-full { grid-column: 1 / -1; }
  .lg\:col-start-auto { grid-column-start: auto; }
  .lg\:col-start-1 { grid-column-start: 1; }
  .lg\:col-start-2 { grid-column-start: 2; }
  .lg\:col-start-3 { grid-column-start: 3; }
  .lg\:col-start-4 { grid-column-start: 4; }
  .lg\:col-start-5 { grid-column-start: 5; }
  .lg\:col-start-6 { grid-column-start: 6; }
  .lg\:col-start-7 { grid-column-start: 7; }
  .lg\:col-start-8 { grid-column-start: 8; }
  .lg\:col-start-9 { grid-column-start: 9; }
  .lg\:col-start-10 { grid-column-start: 10; }
  .lg\:col-start-11 { grid-column-start: 11; }
  .lg\:col-start-12 { grid-column-start: 12; }
  .lg\:col-start-13 { grid-column-start: 13; }
  .lg\:col-end-auto { grid-column-end: auto; }
  .lg\:col-end-1 { grid-column-end: 1; }
  .lg\:col-end-2 { grid-column-end: 2; }
  .lg\:col-end-3 { grid-column-end: 3; }
  .lg\:col-end-4 { grid-column-end: 4; }
  .lg\:col-end-5 { grid-column-end: 5; }
  .lg\:col-end-6 { grid-column-end: 6; }
  .lg\:col-end-7 { grid-column-end: 7; }
  .lg\:col-end-8 { grid-column-end: 8; }
  .lg\:col-end-9 { grid-column-end: 9; }
  .lg\:col-end-10 { grid-column-end: 10; }
  .lg\:col-end-11 { grid-column-end: 11; }
  .lg\:col-end-12 { grid-column-end: 12; }
  .lg\:col-end-13 { grid-column-end: 13; }
  .lg\:row-auto { grid-row: auto; }
  .lg\:row-span-1 { grid-row: span 1 / span 1; }
  .lg\:row-span-2 { grid-row: span 2 / span 2; }
  .lg\:row-span-3 { grid-row: span 3 / span 3; }
  .lg\:row-span-4 { grid-row: span 4 / span 4; }
  .lg\:row-span-5 { grid-row: span 5 / span 5; }
  .lg\:row-span-6 { grid-row: span 6 / span 6; }
  .lg\:row-span-7 { grid-row: span 7 / span 7; }
  .lg\:row-span-8 { grid-row: span 8 / span 8; }
  .lg\:row-span-9 { grid-row: span 9 / span 9; }
  .lg\:row-span-10 { grid-row: span 10 / span 10; }
  .lg\:row-span-11 { grid-row: span 11 / span 11; }
  .lg\:row-span-12 { grid-row: span 12 / span 12; }
  .lg\:row-span-full { grid-row: 1 / -1; }
  .lg\:row-start-auto { grid-row-start: auto; }
  .lg\:row-start-1 { grid-row-start: 1; }
  .lg\:row-start-2 { grid-row-start: 2; }
  .lg\:row-start-3 { grid-row-start: 3; }
  .lg\:row-start-4 { grid-row-start: 4; }
  .lg\:row-start-5 { grid-row-start: 5; }
  .lg\:row-start-6 { grid-row-start: 6; }
  .lg\:row-start-7 { grid-row-start: 7; }
  .lg\:row-start-8 { grid-row-start: 8; }
  .lg\:row-start-9 { grid-row-start: 9; }
  .lg\:row-start-10 { grid-row-start: 10; }
  .lg\:row-start-11 { grid-row-start: 11; }
  .lg\:row-start-12 { grid-row-start: 12; }
  .lg\:row-start-13 { grid-row-start: 13; }
  .lg\:row-end-auto { grid-row-end: auto; }
  .lg\:row-end-1 { grid-row-end: 1; }
  .lg\:row-end-2 { grid-row-end: 2; }
  .lg\:row-end-3 { grid-row-end: 3; }
  .lg\:row-end-4 { grid-row-end: 4; }
  .lg\:row-end-5 { grid-row-end: 5; }
  .lg\:row-end-6 { grid-row-end: 6; }
  .lg\:row-end-7 { grid-row-end: 7; }
  .lg\:row-end-8 { grid-row-end: 8; }
  .lg\:row-end-9 { grid-row-end: 9; }
  .lg\:row-end-10 { grid-row-end: 10; }
  .lg\:row-end-11 { grid-row-end: 11; }
  .lg\:row-end-12 { grid-row-end: 12; }
  .lg\:row-end-13 { grid-row-end: 13; }

  /* Gaps */
  .lg\:gap-0 { gap: 0; }
  .lg\:gap-5 { gap: var(--size-5); }
  .lg\:gap-10 { gap: var(--size-10); }
  .lg\:gap-15 { gap: var(--size-15); }
  .lg\:gap-16 { gap: var(--size-16); }
  .lg\:gap-20 { gap: var(--size-20); }
  .lg\:gap-25 { gap: var(--size-25); }
  .lg\:gap-30 { gap: var(--size-30); }
  .lg\:gap-35 { gap: var(--size-35); }
  .lg\:gap-40 { gap: var(--size-40); }
  .lg\:gap-45 { gap: var(--size-45); }
  .lg\:gap-50 { gap: var(--size-50); }
  .lg\:gap-55 { gap: var(--size-55); }
  .lg\:gap-60 { gap: var(--size-60); }
  .lg\:gap-65 { gap: var(--size-65); }
  .lg\:gap-70 { gap: var(--size-70); }
  .lg\:gap-75 { gap: var(--size-75); }
  .lg\:gap-80 { gap: var(--size-80); }
  .lg\:gap-85 { gap: var(--size-85); }
  .lg\:gap-90 { gap: var(--size-90); }
  .lg\:gap-95 { gap: var(--size-95); }
  .lg\:gap-100 { gap: var(--size-100); }
  .lg\:gap-x-0 { -moz-column-gap: 0; column-gap: 0; }
  .lg\:gap-x-5 { -moz-column-gap: var(--size-5); column-gap: var(--size-5); }
  .lg\:gap-x-10 { -moz-column-gap: var(--size-10); column-gap: var(--size-10); }
  .lg\:gap-x-15 { -moz-column-gap: var(--size-15); column-gap: var(--size-15); }
  .lg\:gap-x-16 { -moz-column-gap: var(--size-16); column-gap: var(--size-16); }
  .lg\:gap-x-20 { -moz-column-gap: var(--size-20); column-gap: var(--size-20); }
  .lg\:gap-x-25 { -moz-column-gap: var(--size-25); column-gap: var(--size-25); }
  .lg\:gap-x-30 { -moz-column-gap: var(--size-30); column-gap: var(--size-30); }
  .lg\:gap-x-35 { -moz-column-gap: var(--size-35); column-gap: var(--size-35); }
  .lg\:gap-x-40 { -moz-column-gap: var(--size-40); column-gap: var(--size-40); }
  .lg\:gap-x-45 { -moz-column-gap: var(--size-45); column-gap: var(--size-45); }
  .lg\:gap-x-50 { -moz-column-gap: var(--size-50); column-gap: var(--size-50); }
  .lg\:gap-x-55 { -moz-column-gap: var(--size-55); column-gap: var(--size-55); }
  .lg\:gap-x-60 { -moz-column-gap: var(--size-60); column-gap: var(--size-60); }
  .lg\:gap-x-65 { -moz-column-gap: var(--size-65); column-gap: var(--size-65); }
  .lg\:gap-x-70 { -moz-column-gap: var(--size-70); column-gap: var(--size-70); }
  .lg\:gap-x-75 { -moz-column-gap: var(--size-75); column-gap: var(--size-75); }
  .lg\:gap-x-80 { -moz-column-gap: var(--size-80); column-gap: var(--size-80); }
  .lg\:gap-x-85 { -moz-column-gap: var(--size-85); column-gap: var(--size-85); }
  .lg\:gap-x-90 { -moz-column-gap: var(--size-90); column-gap: var(--size-90); }
  .lg\:gap-x-95 { -moz-column-gap: var(--size-95); column-gap: var(--size-95); }
  .lg\:gap-x-100 { -moz-column-gap: var(--size-100); column-gap: var(--size-100); }
  .lg\:gap-y-0 { row-gap: 0; }
  .lg\:gap-y-5 { row-gap: var(--size-5); }
  .lg\:gap-y-10 { row-gap: var(--size-10); }
  .lg\:gap-y-15 { row-gap: var(--size-15); }
  .lg\:gap-y-16 { row-gap: var(--size-16); }
  .lg\:gap-y-20 { row-gap: var(--size-20); }
  .lg\:gap-y-25 { row-gap: var(--size-25); }
  .lg\:gap-y-30 { row-gap: var(--size-30); }
  .lg\:gap-y-35 { row-gap: var(--size-35); }
  .lg\:gap-y-40 { row-gap: var(--size-40); }
  .lg\:gap-y-45 { row-gap: var(--size-45); }
  .lg\:gap-y-50 { row-gap: var(--size-50); }
  .lg\:gap-y-55 { row-gap: var(--size-55); }
  .lg\:gap-y-60 { row-gap: var(--size-60); }
  .lg\:gap-y-65 { row-gap: var(--size-65); }
  .lg\:gap-y-70 { row-gap: var(--size-70); }
  .lg\:gap-y-75 { row-gap: var(--size-75); }
  .lg\:gap-y-80 { row-gap: var(--size-80); }
  .lg\:gap-y-85 { row-gap: var(--size-85); }
  .lg\:gap-y-90 { row-gap: var(--size-90); }
  .lg\:gap-y-95 { row-gap: var(--size-95); }
  .lg\:gap-y-100 { row-gap: var(--size-100); }

  /* Space Between Children */
  .lg\:space-y-0 > :not(:last-child) { margin-block-end: 0; }
  .lg\:space-y-5 > :not(:last-child) { margin-block-end: var(--size-5); }
  .lg\:space-y-10 > :not(:last-child) { margin-block-end: var(--size-10); }
  .lg\:space-y-15 > :not(:last-child) { margin-block-end: var(--size-15); }
  .lg\:space-y-16 > :not(:last-child) { margin-block-end: var(--size-16); }
  .lg\:space-y-20 > :not(:last-child) { margin-block-end: var(--size-20); }
  .lg\:space-y-25 > :not(:last-child) { margin-block-end: var(--size-25); }
  .lg\:space-y-30 > :not(:last-child) { margin-block-end: var(--size-30); }
  .lg\:space-y-35 > :not(:last-child) { margin-block-end: var(--size-35); }
  .lg\:space-y-40 > :not(:last-child) { margin-block-end: var(--size-40); }
  .lg\:space-y-45 > :not(:last-child) { margin-block-end: var(--size-45); }
  .lg\:space-y-50 > :not(:last-child) { margin-block-end: var(--size-50); }

  /* Margins */
  .lg\:m-0 { margin: 0; }
  .lg\:m-5 { margin: var(--size-5); }
  .lg\:m-10 { margin: var(--size-10); }
  .lg\:m-15 { margin: var(--size-15); }
  .lg\:m-16 { margin: var(--size-16); }
  .lg\:m-20 { margin: var(--size-20); }
  .lg\:m-25 { margin: var(--size-25); }
  .lg\:m-30 { margin: var(--size-30); }
  .lg\:m-35 { margin: var(--size-35); }
  .lg\:m-40 { margin: var(--size-40); }
  .lg\:m-45 { margin: var(--size-45); }
  .lg\:m-50 { margin: var(--size-50); }
  .lg\:m-55 { margin: var(--size-55); }
  .lg\:m-60 { margin: var(--size-60); }
  .lg\:m-65 { margin: var(--size-65); }
  .lg\:m-70 { margin: var(--size-70); }
  .lg\:m-75 { margin: var(--size-75); }
  .lg\:m-80 { margin: var(--size-80); }
  .lg\:m-85 { margin: var(--size-85); }
  .lg\:m-90 { margin: var(--size-90); }
  .lg\:m-95 { margin: var(--size-95); }
  .lg\:m-100 { margin: var(--size-100); }
  .lg\:m-auto { margin: auto; }
  .lg\:mx-0 { margin-inline: 0; }
  .lg\:mx-5 { margin-inline: var(--size-5); }
  .lg\:mx-10 { margin-inline: var(--size-10); }
  .lg\:mx-15 { margin-inline: var(--size-15); }
  .lg\:mx-16 { margin-inline: var(--size-16); }
  .lg\:mx-20 { margin-inline: var(--size-20); }
  .lg\:mx-25 { margin-inline: var(--size-25); }
  .lg\:mx-30 { margin-inline: var(--size-30); }
  .lg\:mx-35 { margin-inline: var(--size-35); }
  .lg\:mx-40 { margin-inline: var(--size-40); }
  .lg\:mx-45 { margin-inline: var(--size-45); }
  .lg\:mx-50 { margin-inline: var(--size-50); }
  .lg\:mx-55 { margin-inline: var(--size-55); }
  .lg\:mx-60 { margin-inline: var(--size-60); }
  .lg\:mx-65 { margin-inline: var(--size-65); }
  .lg\:mx-70 { margin-inline: var(--size-70); }
  .lg\:mx-75 { margin-inline: var(--size-75); }
  .lg\:mx-80 { margin-inline: var(--size-80); }
  .lg\:mx-85 { margin-inline: var(--size-85); }
  .lg\:mx-90 { margin-inline: var(--size-90); }
  .lg\:mx-95 { margin-inline: var(--size-95); }
  .lg\:mx-100 { margin-inline: var(--size-100); }
  .lg\:mx-auto { margin-inline: auto; }
  .lg\:my-0 { margin-block: 0; }
  .lg\:my-5 { margin-block: var(--size-5); }
  .lg\:my-10 { margin-block: var(--size-10); }
  .lg\:my-15 { margin-block: var(--size-15); }
  .lg\:my-16 { margin-block: var(--size-16); }
  .lg\:my-20 { margin-block: var(--size-20); }
  .lg\:my-25 { margin-block: var(--size-25); }
  .lg\:my-30 { margin-block: var(--size-30); }
  .lg\:my-35 { margin-block: var(--size-35); }
  .lg\:my-40 { margin-block: var(--size-40); }
  .lg\:my-45 { margin-block: var(--size-45); }
  .lg\:my-50 { margin-block: var(--size-50); }
  .lg\:my-55 { margin-block: var(--size-55); }
  .lg\:my-60 { margin-block: var(--size-60); }
  .lg\:my-65 { margin-block: var(--size-65); }
  .lg\:my-70 { margin-block: var(--size-70); }
  .lg\:my-75 { margin-block: var(--size-75); }
  .lg\:my-80 { margin-block: var(--size-80); }
  .lg\:my-85 { margin-block: var(--size-85); }
  .lg\:my-90 { margin-block: var(--size-90); }
  .lg\:my-95 { margin-block: var(--size-95); }
  .lg\:my-100 { margin-block: var(--size-100); }
  .lg\:my-auto { margin-block: auto; }
  .lg\:ms-0 { margin-inline-start: 0; }
  .lg\:ms-5 { margin-inline-start: var(--size-5); }
  .lg\:ms-10 { margin-inline-start: var(--size-10); }
  .lg\:ms-15 { margin-inline-start: var(--size-15); }
  .lg\:ms-16 { margin-inline-start: var(--size-16); }
  .lg\:ms-20 { margin-inline-start: var(--size-20); }
  .lg\:ms-25 { margin-inline-start: var(--size-25); }
  .lg\:ms-30 { margin-inline-start: var(--size-30); }
  .lg\:ms-35 { margin-inline-start: var(--size-35); }
  .lg\:ms-40 { margin-inline-start: var(--size-40); }
  .lg\:ms-45 { margin-inline-start: var(--size-45); }
  .lg\:ms-50 { margin-inline-start: var(--size-50); }
  .lg\:ms-55 { margin-inline-start: var(--size-55); }
  .lg\:ms-60 { margin-inline-start: var(--size-60); }
  .lg\:ms-65 { margin-inline-start: var(--size-65); }
  .lg\:ms-70 { margin-inline-start: var(--size-70); }
  .lg\:ms-75 { margin-inline-start: var(--size-75); }
  .lg\:ms-80 { margin-inline-start: var(--size-80); }
  .lg\:ms-85 { margin-inline-start: var(--size-85); }
  .lg\:ms-90 { margin-inline-start: var(--size-90); }
  .lg\:ms-95 { margin-inline-start: var(--size-95); }
  .lg\:ms-100 { margin-inline-start: var(--size-100); }
  .lg\:ms-auto { margin-inline-start: auto; }
  .lg\:me-0 { margin-inline-end: 0; }
  .lg\:me-5 { margin-inline-end: var(--size-5); }
  .lg\:me-10 { margin-inline-end: var(--size-10); }
  .lg\:me-15 { margin-inline-end: var(--size-15); }
  .lg\:me-16 { margin-inline-end: var(--size-16); }
  .lg\:me-20 { margin-inline-end: var(--size-20); }
  .lg\:me-25 { margin-inline-end: var(--size-25); }
  .lg\:me-30 { margin-inline-end: var(--size-30); }
  .lg\:me-35 { margin-inline-end: var(--size-35); }
  .lg\:me-40 { margin-inline-end: var(--size-40); }
  .lg\:me-45 { margin-inline-end: var(--size-45); }
  .lg\:me-50 { margin-inline-end: var(--size-50); }
  .lg\:me-55 { margin-inline-end: var(--size-55); }
  .lg\:me-60 { margin-inline-end: var(--size-60); }
  .lg\:me-65 { margin-inline-end: var(--size-65); }
  .lg\:me-70 { margin-inline-end: var(--size-70); }
  .lg\:me-75 { margin-inline-end: var(--size-75); }
  .lg\:me-80 { margin-inline-end: var(--size-80); }
  .lg\:me-85 { margin-inline-end: var(--size-85); }
  .lg\:me-90 { margin-inline-end: var(--size-90); }
  .lg\:me-95 { margin-inline-end: var(--size-95); }
  .lg\:me-100 { margin-inline-end: var(--size-100); }
  .lg\:me-auto { margin-inline-end: auto; }
  .lg\:mt-0 { margin-top: 0; }
  .lg\:mt-5 { margin-top: var(--size-5); }
  .lg\:mt-10 { margin-top: var(--size-10); }
  .lg\:mt-15 { margin-top: var(--size-15); }
  .lg\:mt-16 { margin-top: var(--size-16); }
  .lg\:mt-20 { margin-top: var(--size-20); }
  .lg\:mt-25 { margin-top: var(--size-25); }
  .lg\:mt-30 { margin-top: var(--size-30); }
  .lg\:mt-35 { margin-top: var(--size-35); }
  .lg\:mt-40 { margin-top: var(--size-40); }
  .lg\:mt-45 { margin-top: var(--size-45); }
  .lg\:mt-50 { margin-top: var(--size-50); }
  .lg\:mt-55 { margin-top: var(--size-55); }
  .lg\:mt-60 { margin-top: var(--size-60); }
  .lg\:mt-65 { margin-top: var(--size-65); }
  .lg\:mt-70 { margin-top: var(--size-70); }
  .lg\:mt-75 { margin-top: var(--size-75); }
  .lg\:mt-80 { margin-top: var(--size-80); }
  .lg\:mt-85 { margin-top: var(--size-85); }
  .lg\:mt-90 { margin-top: var(--size-90); }
  .lg\:mt-95 { margin-top: var(--size-95); }
  .lg\:mt-100 { margin-top: var(--size-100); }
  .lg\:mt-auto { margin-top: auto; }
  .lg\:mr-0 { margin-right: 0; }
  .lg\:mr-5 { margin-right: var(--size-5); }
  .lg\:mr-10 { margin-right: var(--size-10); }
  .lg\:mr-15 { margin-right: var(--size-15); }
  .lg\:mr-16 { margin-right: var(--size-16); }
  .lg\:mr-20 { margin-right: var(--size-20); }
  .lg\:mr-25 { margin-right: var(--size-25); }
  .lg\:mr-30 { margin-right: var(--size-30); }
  .lg\:mr-35 { margin-right: var(--size-35); }
  .lg\:mr-40 { margin-right: var(--size-40); }
  .lg\:mr-45 { margin-right: var(--size-45); }
  .lg\:mr-50 { margin-right: var(--size-50); }
  .lg\:mr-55 { margin-right: var(--size-55); }
  .lg\:mr-60 { margin-right: var(--size-60); }
  .lg\:mr-65 { margin-right: var(--size-65); }
  .lg\:mr-70 { margin-right: var(--size-70); }
  .lg\:mr-75 { margin-right: var(--size-75); }
  .lg\:mr-80 { margin-right: var(--size-80); }
  .lg\:mr-85 { margin-right: var(--size-85); }
  .lg\:mr-90 { margin-right: var(--size-90); }
  .lg\:mr-95 { margin-right: var(--size-95); }
  .lg\:mr-100 { margin-right: var(--size-100); }
  .lg\:mr-auto { margin-right: auto; }
  .lg\:mb-0 { margin-bottom: 0; }
  .lg\:mb-5 { margin-bottom: var(--size-5); }
  .lg\:mb-10 { margin-bottom: var(--size-10); }
  .lg\:mb-15 { margin-bottom: var(--size-15); }
  .lg\:mb-16 { margin-bottom: var(--size-16); }
  .lg\:mb-20 { margin-bottom: var(--size-20); }
  .lg\:mb-25 { margin-bottom: var(--size-25); }
  .lg\:mb-30 { margin-bottom: var(--size-30); }
  .lg\:mb-35 { margin-bottom: var(--size-35); }
  .lg\:mb-40 { margin-bottom: var(--size-40); }
  .lg\:mb-45 { margin-bottom: var(--size-45); }
  .lg\:mb-50 { margin-bottom: var(--size-50); }
  .lg\:mb-55 { margin-bottom: var(--size-55); }
  .lg\:mb-60 { margin-bottom: var(--size-60); }
  .lg\:mb-65 { margin-bottom: var(--size-65); }
  .lg\:mb-70 { margin-bottom: var(--size-70); }
  .lg\:mb-75 { margin-bottom: var(--size-75); }
  .lg\:mb-80 { margin-bottom: var(--size-80); }
  .lg\:mb-85 { margin-bottom: var(--size-85); }
  .lg\:mb-90 { margin-bottom: var(--size-90); }
  .lg\:mb-95 { margin-bottom: var(--size-95); }
  .lg\:mb-100 { margin-bottom: var(--size-100); }
  .lg\:mb-auto { margin-bottom: auto; }
  .lg\:ml-0 { margin-left: 0; }
  .lg\:ml-5 { margin-left: var(--size-5); }
  .lg\:ml-10 { margin-left: var(--size-10); }
  .lg\:ml-15 { margin-left: var(--size-15); }
  .lg\:ml-16 { margin-left: var(--size-16); }
  .lg\:ml-20 { margin-left: var(--size-20); }
  .lg\:ml-25 { margin-left: var(--size-25); }
  .lg\:ml-30 { margin-left: var(--size-30); }
  .lg\:ml-35 { margin-left: var(--size-35); }
  .lg\:ml-40 { margin-left: var(--size-40); }
  .lg\:ml-45 { margin-left: var(--size-45); }
  .lg\:ml-50 { margin-left: var(--size-50); }
  .lg\:ml-55 { margin-left: var(--size-55); }
  .lg\:ml-60 { margin-left: var(--size-60); }
  .lg\:ml-65 { margin-left: var(--size-65); }
  .lg\:ml-70 { margin-left: var(--size-70); }
  .lg\:ml-75 { margin-left: var(--size-75); }
  .lg\:ml-80 { margin-left: var(--size-80); }
  .lg\:ml-85 { margin-left: var(--size-85); }
  .lg\:ml-90 { margin-left: var(--size-90); }
  .lg\:ml-95 { margin-left: var(--size-95); }
  .lg\:ml-100 { margin-left: var(--size-100); }
  .lg\:ml-auto { margin-left: auto; }

  /* Paddings */
  .lg\:p-0 { padding: 0; }
  .lg\:p-5 { padding: var(--size-5); }
  .lg\:p-10 { padding: var(--size-10); }
  .lg\:p-15 { padding: var(--size-15); }
  .lg\:p-16 { padding: var(--size-16); }
  .lg\:p-20 { padding: var(--size-20); }
  .lg\:p-25 { padding: var(--size-25); }
  .lg\:p-30 { padding: var(--size-30); }
  .lg\:p-35 { padding: var(--size-35); }
  .lg\:p-40 { padding: var(--size-40); }
  .lg\:p-45 { padding: var(--size-45); }
  .lg\:p-50 { padding: var(--size-50); }
  .lg\:p-55 { padding: var(--size-55); }
  .lg\:p-60 { padding: var(--size-60); }
  .lg\:p-65 { padding: var(--size-65); }
  .lg\:p-70 { padding: var(--size-70); }
  .lg\:p-75 { padding: var(--size-75); }
  .lg\:p-80 { padding: var(--size-80); }
  .lg\:p-85 { padding: var(--size-85); }
  .lg\:p-90 { padding: var(--size-90); }
  .lg\:p-95 { padding: var(--size-95); }
  .lg\:p-100 { padding: var(--size-100); }
  .lg\:px-0 { padding-inline: 0; }
  .lg\:px-5 { padding-inline: var(--size-5); }
  .lg\:px-10 { padding-inline: var(--size-10); }
  .lg\:px-15 { padding-inline: var(--size-15); }
  .lg\:px-16 { padding-inline: var(--size-16); }
  .lg\:px-20 { padding-inline: var(--size-20); }
  .lg\:px-25 { padding-inline: var(--size-25); }
  .lg\:px-30 { padding-inline: var(--size-30); }
  .lg\:px-35 { padding-inline: var(--size-35); }
  .lg\:px-40 { padding-inline: var(--size-40); }
  .lg\:px-45 { padding-inline: var(--size-45); }
  .lg\:px-50 { padding-inline: var(--size-50); }
  .lg\:px-55 { padding-inline: var(--size-55); }
  .lg\:px-60 { padding-inline: var(--size-60); }
  .lg\:px-65 { padding-inline: var(--size-65); }
  .lg\:px-70 { padding-inline: var(--size-70); }
  .lg\:px-75 { padding-inline: var(--size-75); }
  .lg\:px-80 { padding-inline: var(--size-80); }
  .lg\:px-85 { padding-inline: var(--size-85); }
  .lg\:px-90 { padding-inline: var(--size-90); }
  .lg\:px-95 { padding-inline: var(--size-95); }
  .lg\:px-100 { padding-inline: var(--size-100); }
  .lg\:py-0 { padding-block: 0; }
  .lg\:py-5 { padding-block: var(--size-5); }
  .lg\:py-10 { padding-block: var(--size-10); }
  .lg\:py-15 { padding-block: var(--size-15); }
  .lg\:py-16 { padding-block: var(--size-16); }
  .lg\:py-20 { padding-block: var(--size-20); }
  .lg\:py-25 { padding-block: var(--size-25); }
  .lg\:py-30 { padding-block: var(--size-30); }
  .lg\:py-35 { padding-block: var(--size-35); }
  .lg\:py-40 { padding-block: var(--size-40); }
  .lg\:py-45 { padding-block: var(--size-45); }
  .lg\:py-50 { padding-block: var(--size-50); }
  .lg\:py-55 { padding-block: var(--size-55); }
  .lg\:py-60 { padding-block: var(--size-60); }
  .lg\:py-65 { padding-block: var(--size-65); }
  .lg\:py-70 { padding-block: var(--size-70); }
  .lg\:py-75 { padding-block: var(--size-75); }
  .lg\:py-80 { padding-block: var(--size-80); }
  .lg\:py-85 { padding-block: var(--size-85); }
  .lg\:py-90 { padding-block: var(--size-90); }
  .lg\:py-95 { padding-block: var(--size-95); }
  .lg\:py-100 { padding-block: var(--size-100); }
  .lg\:ps-0 { padding-inline-start: 0; }
  .lg\:ps-5 { padding-inline-start: var(--size-5); }
  .lg\:ps-10 { padding-inline-start: var(--size-10); }
  .lg\:ps-15 { padding-inline-start: var(--size-15); }
  .lg\:ps-16 { padding-inline-start: var(--size-16); }
  .lg\:ps-20 { padding-inline-start: var(--size-20); }
  .lg\:ps-25 { padding-inline-start: var(--size-25); }
  .lg\:ps-30 { padding-inline-start: var(--size-30); }
  .lg\:ps-35 { padding-inline-start: var(--size-35); }
  .lg\:ps-40 { padding-inline-start: var(--size-40); }
  .lg\:ps-45 { padding-inline-start: var(--size-45); }
  .lg\:ps-50 { padding-inline-start: var(--size-50); }
  .lg\:ps-55 { padding-inline-start: var(--size-55); }
  .lg\:ps-60 { padding-inline-start: var(--size-60); }
  .lg\:ps-65 { padding-inline-start: var(--size-65); }
  .lg\:ps-70 { padding-inline-start: var(--size-70); }
  .lg\:ps-75 { padding-inline-start: var(--size-75); }
  .lg\:ps-80 { padding-inline-start: var(--size-80); }
  .lg\:ps-85 { padding-inline-start: var(--size-85); }
  .lg\:ps-90 { padding-inline-start: var(--size-90); }
  .lg\:ps-95 { padding-inline-start: var(--size-95); }
  .lg\:ps-100 { padding-inline-start: var(--size-100); }
  .lg\:pe-0 { padding-inline-end: 0; }
  .lg\:pe-5 { padding-inline-end: var(--size-5); }
  .lg\:pe-10 { padding-inline-end: var(--size-10); }
  .lg\:pe-15 { padding-inline-end: var(--size-15); }
  .lg\:pe-16 { padding-inline-end: var(--size-16); }
  .lg\:pe-20 { padding-inline-end: var(--size-20); }
  .lg\:pe-25 { padding-inline-end: var(--size-25); }
  .lg\:pe-30 { padding-inline-end: var(--size-30); }
  .lg\:pe-35 { padding-inline-end: var(--size-35); }
  .lg\:pe-40 { padding-inline-end: var(--size-40); }
  .lg\:pe-45 { padding-inline-end: var(--size-45); }
  .lg\:pe-50 { padding-inline-end: var(--size-50); }
  .lg\:pe-55 { padding-inline-end: var(--size-55); }
  .lg\:pe-60 { padding-inline-end: var(--size-60); }
  .lg\:pe-65 { padding-inline-end: var(--size-65); }
  .lg\:pe-70 { padding-inline-end: var(--size-70); }
  .lg\:pe-75 { padding-inline-end: var(--size-75); }
  .lg\:pe-80 { padding-inline-end: var(--size-80); }
  .lg\:pe-85 { padding-inline-end: var(--size-85); }
  .lg\:pe-90 { padding-inline-end: var(--size-90); }
  .lg\:pe-95 { padding-inline-end: var(--size-95); }
  .lg\:pe-100 { padding-inline-end: var(--size-100); }
  .lg\:pt-0 { padding-top: 0; }
  .lg\:pt-5 { padding-top: var(--size-5); }
  .lg\:pt-10 { padding-top: var(--size-10); }
  .lg\:pt-15 { padding-top: var(--size-15); }
  .lg\:pt-16 { padding-top: var(--size-16); }
  .lg\:pt-20 { padding-top: var(--size-20); }
  .lg\:pt-25 { padding-top: var(--size-25); }
  .lg\:pt-30 { padding-top: var(--size-30); }
  .lg\:pt-35 { padding-top: var(--size-35); }
  .lg\:pt-40 { padding-top: var(--size-40); }
  .lg\:pt-45 { padding-top: var(--size-45); }
  .lg\:pt-50 { padding-top: var(--size-50); }
  .lg\:pt-55 { padding-top: var(--size-55); }
  .lg\:pt-60 { padding-top: var(--size-60); }
  .lg\:pt-65 { padding-top: var(--size-65); }
  .lg\:pt-70 { padding-top: var(--size-70); }
  .lg\:pt-75 { padding-top: var(--size-75); }
  .lg\:pt-80 { padding-top: var(--size-80); }
  .lg\:pt-85 { padding-top: var(--size-85); }
  .lg\:pt-90 { padding-top: var(--size-90); }
  .lg\:pt-95 { padding-top: var(--size-95); }
  .lg\:pt-100 { padding-top: var(--size-100); }
  .lg\:pr-0 { padding-right: 0; }
  .lg\:pr-5 { padding-right: var(--size-5); }
  .lg\:pr-10 { padding-right: var(--size-10); }
  .lg\:pr-15 { padding-right: var(--size-15); }
  .lg\:pr-16 { padding-right: var(--size-16); }
  .lg\:pr-20 { padding-right: var(--size-20); }
  .lg\:pr-25 { padding-right: var(--size-25); }
  .lg\:pr-30 { padding-right: var(--size-30); }
  .lg\:pr-35 { padding-right: var(--size-35); }
  .lg\:pr-40 { padding-right: var(--size-40); }
  .lg\:pr-45 { padding-right: var(--size-45); }
  .lg\:pr-50 { padding-right: var(--size-50); }
  .lg\:pr-55 { padding-right: var(--size-55); }
  .lg\:pr-60 { padding-right: var(--size-60); }
  .lg\:pr-65 { padding-right: var(--size-65); }
  .lg\:pr-70 { padding-right: var(--size-70); }
  .lg\:pr-75 { padding-right: var(--size-75); }
  .lg\:pr-80 { padding-right: var(--size-80); }
  .lg\:pr-85 { padding-right: var(--size-85); }
  .lg\:pr-90 { padding-right: var(--size-90); }
  .lg\:pr-95 { padding-right: var(--size-95); }
  .lg\:pr-100 { padding-right: var(--size-100); }
  .lg\:pb-0 { padding-bottom: 0; }
  .lg\:pb-5 { padding-bottom: var(--size-5); }
  .lg\:pb-10 { padding-bottom: var(--size-10); }
  .lg\:pb-15 { padding-bottom: var(--size-15); }
  .lg\:pb-16 { padding-bottom: var(--size-16); }
  .lg\:pb-20 { padding-bottom: var(--size-20); }
  .lg\:pb-25 { padding-bottom: var(--size-25); }
  .lg\:pb-30 { padding-bottom: var(--size-30); }
  .lg\:pb-35 { padding-bottom: var(--size-35); }
  .lg\:pb-40 { padding-bottom: var(--size-40); }
  .lg\:pb-45 { padding-bottom: var(--size-45); }
  .lg\:pb-50 { padding-bottom: var(--size-50); }
  .lg\:pb-55 { padding-bottom: var(--size-55); }
  .lg\:pb-60 { padding-bottom: var(--size-60); }
  .lg\:pb-65 { padding-bottom: var(--size-65); }
  .lg\:pb-70 { padding-bottom: var(--size-70); }
  .lg\:pb-75 { padding-bottom: var(--size-75); }
  .lg\:pb-80 { padding-bottom: var(--size-80); }
  .lg\:pb-85 { padding-bottom: var(--size-85); }
  .lg\:pb-90 { padding-bottom: var(--size-90); }
  .lg\:pb-95 { padding-bottom: var(--size-95); }
  .lg\:pb-100 { padding-bottom: var(--size-100); }
  .lg\:pl-0 { padding-left: 0; }
  .lg\:pl-5 { padding-left: var(--size-5); }
  .lg\:pl-10 { padding-left: var(--size-10); }
  .lg\:pl-15 { padding-left: var(--size-15); }
  .lg\:pl-16 { padding-left: var(--size-16); }
  .lg\:pl-20 { padding-left: var(--size-20); }
  .lg\:pl-25 { padding-left: var(--size-25); }
  .lg\:pl-30 { padding-left: var(--size-30); }
  .lg\:pl-35 { padding-left: var(--size-35); }
  .lg\:pl-40 { padding-left: var(--size-40); }
  .lg\:pl-45 { padding-left: var(--size-45); }
  .lg\:pl-50 { padding-left: var(--size-50); }
  .lg\:pl-55 { padding-left: var(--size-55); }
  .lg\:pl-60 { padding-left: var(--size-60); }
  .lg\:pl-65 { padding-left: var(--size-65); }
  .lg\:pl-70 { padding-left: var(--size-70); }
  .lg\:pl-75 { padding-left: var(--size-75); }
  .lg\:pl-80 { padding-left: var(--size-80); }
  .lg\:pl-85 { padding-left: var(--size-85); }
  .lg\:pl-90 { padding-left: var(--size-90); }
  .lg\:pl-95 { padding-left: var(--size-95); }
  .lg\:pl-100 { padding-left: var(--size-100); }

  /* Typography */
  :is(.lg\:h1, .lg\:h2, .lg\:h3, .lg\:h4, .lg\:h5, .lg\:h6) > :where(h1, h2, h3, h4, h5, h6):where(:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)) { font-size: inherit; }
  .lg\:h1 { font-size: var(--h1-size); }
  .lg\:h2 { font-size: var(--h2-size); }
  .lg\:h3 { font-size: var(--h3-size); }
  .lg\:h4 { font-size: var(--h4-size); }
  .lg\:h5 { font-size: var(--h5-size); }
  .lg\:h6 { font-size: var(--h6-size); }
  .lg\:text-2xl { font-size: var(--text-2xl); }
  .lg\:text-xl { font-size: var(--text-xl); }
  .lg\:text-lg { font-size: var(--text-lg); }
  .lg\:text-md { font-size: var(--text-md); }
  .lg\:text-base { font-size: var(--text-base); }
  .lg\:text-sm { font-size: var(--text-sm); }
  .lg\:text-xs { font-size: var(--text-xs); }
  .lg\:leading-tight { line-height: var(--leading-tight); }
  .lg\:leading-snug { line-height: var(--leading-snug); }
  .lg\:leading-normal { line-height: var(--leading-normal); }
  .lg\:leading-relaxed { line-height: var(--leading-relaxed); }
  .lg\:leading-loose { line-height: var(--leading-loose); }
  .lg\:tracking-tighter { letter-spacing: var(--tracking-tighter); }
  .lg\:tracking-tight { letter-spacing: var(--tracking-tight); }
  .lg\:tracking-normal { letter-spacing: var(--tracking-normal); }
  .lg\:tracking-wide { letter-spacing: var(--tracking-wide); }
  .lg\:tracking-wider { letter-spacing: var(--tracking-wider); }
  .lg\:tracking-widest { letter-spacing: var(--tracking-widest); }

  /* Radius */
  .lg\:rounded-none { border-radius: 0; }
  .lg\:rounded-xs { border-radius: var(--radius-xs); }
  .lg\:rounded-sm { border-radius: var(--radius-sm); }
  .lg\:rounded-md { border-radius: var(--radius-md); }
  .lg\:rounded-lg { border-radius: var(--radius-lg); }
  .lg\:rounded-xl { border-radius: var(--radius-xl); }
  .lg\:rounded-2xl { border-radius: var(--radius-2xl); }
  .lg\:rounded-3xl { border-radius: var(--radius-3xl); }
  .lg\:rounded-4xl { border-radius: var(--radius-4xl); }
  .lg\:rounded-full { border-radius: 9999px; }

  /* Lists, Interaction & Object Fit */
  .lg\:list-none { list-style-type: none; }
  .lg\:pointer-events-none { pointer-events: none; }
  .lg\:pointer-events-auto { pointer-events: auto; }
  .lg\:object-contain { -o-object-fit: contain; object-fit: contain; }
  .lg\:object-cover { -o-object-fit: cover; object-fit: cover; }
  .lg\:object-fill { -o-object-fit: fill; object-fit: fill; }
  .lg\:object-none { -o-object-fit: none; object-fit: none; }
  .lg\:object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; }
  .lg\:object-center { -o-object-position: center; object-position: center; }

  /* Opacity */
  .lg\:opacity-0 { opacity: 0%; }
  .lg\:opacity-1 { opacity: 1%; }
  .lg\:opacity-2 { opacity: 2%; }
  .lg\:opacity-3 { opacity: 3%; }
  .lg\:opacity-4 { opacity: 4%; }
  .lg\:opacity-5 { opacity: 5%; }
  .lg\:opacity-6 { opacity: 6%; }
  .lg\:opacity-7 { opacity: 7%; }
  .lg\:opacity-8 { opacity: 8%; }
  .lg\:opacity-9 { opacity: 9%; }
  .lg\:opacity-10 { opacity: 10%; }
  .lg\:opacity-11 { opacity: 11%; }
  .lg\:opacity-12 { opacity: 12%; }
  .lg\:opacity-13 { opacity: 13%; }
  .lg\:opacity-14 { opacity: 14%; }
  .lg\:opacity-15 { opacity: 15%; }
  .lg\:opacity-16 { opacity: 16%; }
  .lg\:opacity-17 { opacity: 17%; }
  .lg\:opacity-18 { opacity: 18%; }
  .lg\:opacity-19 { opacity: 19%; }
  .lg\:opacity-20 { opacity: 20%; }
  .lg\:opacity-21 { opacity: 21%; }
  .lg\:opacity-22 { opacity: 22%; }
  .lg\:opacity-23 { opacity: 23%; }
  .lg\:opacity-24 { opacity: 24%; }
  .lg\:opacity-25 { opacity: 25%; }
  .lg\:opacity-26 { opacity: 26%; }
  .lg\:opacity-27 { opacity: 27%; }
  .lg\:opacity-28 { opacity: 28%; }
  .lg\:opacity-29 { opacity: 29%; }
  .lg\:opacity-30 { opacity: 30%; }
  .lg\:opacity-31 { opacity: 31%; }
  .lg\:opacity-32 { opacity: 32%; }
  .lg\:opacity-33 { opacity: 33%; }
  .lg\:opacity-34 { opacity: 34%; }
  .lg\:opacity-35 { opacity: 35%; }
  .lg\:opacity-36 { opacity: 36%; }
  .lg\:opacity-37 { opacity: 37%; }
  .lg\:opacity-38 { opacity: 38%; }
  .lg\:opacity-39 { opacity: 39%; }
  .lg\:opacity-40 { opacity: 40%; }
  .lg\:opacity-41 { opacity: 41%; }
  .lg\:opacity-42 { opacity: 42%; }
  .lg\:opacity-43 { opacity: 43%; }
  .lg\:opacity-44 { opacity: 44%; }
  .lg\:opacity-45 { opacity: 45%; }
  .lg\:opacity-46 { opacity: 46%; }
  .lg\:opacity-47 { opacity: 47%; }
  .lg\:opacity-48 { opacity: 48%; }
  .lg\:opacity-49 { opacity: 49%; }
  .lg\:opacity-50 { opacity: 50%; }
  .lg\:opacity-51 { opacity: 51%; }
  .lg\:opacity-52 { opacity: 52%; }
  .lg\:opacity-53 { opacity: 53%; }
  .lg\:opacity-54 { opacity: 54%; }
  .lg\:opacity-55 { opacity: 55%; }
  .lg\:opacity-56 { opacity: 56%; }
  .lg\:opacity-57 { opacity: 57%; }
  .lg\:opacity-58 { opacity: 58%; }
  .lg\:opacity-59 { opacity: 59%; }
  .lg\:opacity-60 { opacity: 60%; }
  .lg\:opacity-61 { opacity: 61%; }
  .lg\:opacity-62 { opacity: 62%; }
  .lg\:opacity-63 { opacity: 63%; }
  .lg\:opacity-64 { opacity: 64%; }
  .lg\:opacity-65 { opacity: 65%; }
  .lg\:opacity-66 { opacity: 66%; }
  .lg\:opacity-67 { opacity: 67%; }
  .lg\:opacity-68 { opacity: 68%; }
  .lg\:opacity-69 { opacity: 69%; }
  .lg\:opacity-70 { opacity: 70%; }
  .lg\:opacity-71 { opacity: 71%; }
  .lg\:opacity-72 { opacity: 72%; }
  .lg\:opacity-73 { opacity: 73%; }
  .lg\:opacity-74 { opacity: 74%; }
  .lg\:opacity-75 { opacity: 75%; }
  .lg\:opacity-76 { opacity: 76%; }
  .lg\:opacity-77 { opacity: 77%; }
  .lg\:opacity-78 { opacity: 78%; }
  .lg\:opacity-79 { opacity: 79%; }
  .lg\:opacity-80 { opacity: 80%; }
  .lg\:opacity-81 { opacity: 81%; }
  .lg\:opacity-82 { opacity: 82%; }
  .lg\:opacity-83 { opacity: 83%; }
  .lg\:opacity-84 { opacity: 84%; }
  .lg\:opacity-85 { opacity: 85%; }
  .lg\:opacity-86 { opacity: 86%; }
  .lg\:opacity-87 { opacity: 87%; }
  .lg\:opacity-88 { opacity: 88%; }
  .lg\:opacity-89 { opacity: 89%; }
  .lg\:opacity-90 { opacity: 90%; }
  .lg\:opacity-91 { opacity: 91%; }
  .lg\:opacity-92 { opacity: 92%; }
  .lg\:opacity-93 { opacity: 93%; }
  .lg\:opacity-94 { opacity: 94%; }
  .lg\:opacity-95 { opacity: 95%; }
  .lg\:opacity-96 { opacity: 96%; }
  .lg\:opacity-97 { opacity: 97%; }
  .lg\:opacity-98 { opacity: 98%; }
  .lg\:opacity-99 { opacity: 99%; }
  .lg\:opacity-100 { opacity: 100%; }

  /* Transitions */
  .lg\:transition { transition-property: all; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .lg\:transition-colors { transition-property: color, background-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .lg\:duration-200 { transition-duration: var(--transition-duration); }
  .lg\:ease-out { transition-timing-function: var(--transition-timing-function); }
}

/* Breakpoint XL (1280px) */
@media (min-width:80rem) {
  /* Text Transform & Wrapping */
  .xl\:uppercase { text-transform: uppercase; }
  .xl\:lowercase { text-transform: lowercase; }
  .xl\:capitalize { text-transform: capitalize; }
  .xl\:text-wrap { white-space: normal; }
  .xl\:text-nowrap { white-space: nowrap; }

  /* Visibility */
  .xl\:visible { visibility: visible; }
  .xl\:invisible { visibility: hidden; }

  /* Overflow */
  .xl\:overflow-auto { overflow: auto; }
  .xl\:overflow-visible { overflow: visible; }
  .xl\:overflow-clip { overflow: clip; }
  .xl\:overflow-hidden { overflow: hidden; }
  .xl\:overflow-scroll { overflow: scroll; }
  .xl\:overflow-x-auto { overflow-x: auto; }
  .xl\:overflow-y-auto { overflow-y: auto; }
  .xl\:overflow-x-hidden { overflow-x: hidden; }
  .xl\:overflow-y-hidden { overflow-y: hidden; }

  /* Sizing */
  .xl\:w-auto { width: auto; }
  .xl\:w-full { width: 100%; }
  .xl\:w-fit { width: -moz-fit-content; width: fit-content; }
  .xl\:h-auto { height: auto; }
  .xl\:h-full { height: 100%; }
  .xl\:h-fit { height: -moz-fit-content; height: fit-content; }
  .xl\:min-w-0 { min-width: 0; }
  .xl\:max-w-full { max-width: 100%; }

  /* Display */
  .xl\:hidden { display: none; }
  .xl\:block { display: block; }
  .xl\:inline { display: inline; }
  .xl\:inline-block { display: inline-block; }
  .xl\:flex { display: flex; }
  .xl\:inline-flex { display: inline-flex; }
  .xl\:grid { display: grid; }
  .xl\:inline-grid { display: inline-grid; }
  .xl\:contents { display: contents; }

  /* Position */
  .xl\:static { position: static; }
  .xl\:relative { position: relative; }
  .xl\:absolute { position: absolute; }
  .xl\:fixed { position: fixed; }
  .xl\:sticky { position: sticky; }
  .xl\:inset-0 { inset: 0; }
  .xl\:inset-x-0 { left: 0; right: 0; }
  .xl\:inset-y-0 { top: 0; bottom: 0; }
  .xl\:top-0 { top: 0; }
  .xl\:right-0 { right: 0; }
  .xl\:bottom-0 { bottom: 0; }
  .xl\:left-0 { left: 0; }

  /* Z-index */
  .xl\:z-auto { z-index: auto; }
  .xl\:z-0 { z-index: 0; }
  .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-10 { z-index: -10; }

  /* 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; }

  /* Text Decoration */
  .xl\:no-underline { text-decoration: none; }
  .xl\:underline { text-decoration: underline; }
  .xl\:line-through { text-decoration: line-through; }
  .xl\:decoration-1 { text-decoration-thickness: 1px; }
  .xl\:underline-offset-1 { text-underline-offset: 1px; }

  /* Font Style & Weight */
  .xl\:italic { font-style: italic; }
  .xl\:not-italic { font-style: normal; }
  .xl\:font-thin { font-weight: 100; }
  .xl\:font-extralight { font-weight: 200; }
  .xl\:font-light { font-weight: 300; }
  .xl\:font-normal { font-weight: 400; }
  .xl\:font-medium { font-weight: 500; }
  .xl\:font-semibold { font-weight: 600; }
  .xl\:font-bold { font-weight: 700; }
  .xl\:font-extrabold { font-weight: 800; }
  .xl\:font-black { font-weight: 900; }

  /* Flex */
  .xl\:flex-row { flex-direction: row; }
  .xl\:flex-col { flex-direction: column; }
  .xl\:flex-row-reverse { flex-direction: row-reverse; }
  .xl\:flex-col-reverse { flex-direction: column-reverse; }
  .xl\:flex-wrap { flex-wrap: wrap; }
  .xl\:flex-nowrap { flex-wrap: nowrap; }
  .xl\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .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\:grow { flex-grow: 1; }
  .xl\:grow-0 { flex-grow: 0; }
  .xl\:shrink { flex-shrink: 1; }
  .xl\:shrink-0 { flex-shrink: 0; }

  /* Justify */
  .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\: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; }

  /* Align */
  .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\: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\:content-stretch { align-content: stretch; }
  .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-baseline { align-self: baseline; }
  .xl\:self-stretch { align-self: stretch; }
  .xl\:place-items-start { place-items: start; }
  .xl\:place-items-end { place-items: end; }
  .xl\:place-items-center { place-items: center; }
  .xl\:place-items-baseline { place-items: baseline; }
  .xl\:place-items-stretch { place-items: stretch; }
  .xl\:place-content-start { place-content: start; }
  .xl\:place-content-end { place-content: end; }
  .xl\:place-content-center { place-content: center; }
  .xl\:place-content-between { place-content: space-between; }
  .xl\:place-content-around { place-content: space-around; }
  .xl\:place-content-evenly { place-content: space-evenly; }
  .xl\:place-content-stretch { place-content: stretch; }
  .xl\:place-self-auto { place-self: auto; }
  .xl\:place-self-start { place-self: start; }
  .xl\:place-self-end { place-self: end; }
  .xl\:place-self-center { place-self: center; }
  .xl\:place-self-stretch { place-self: stretch; }

  /* Order */
  .xl\:order-first { order: -9999; }
  .xl\:order-last { order: 9999; }
  .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\:order-7 { order: 7; }
  .xl\:order-8 { order: 8; }
  .xl\:order-9 { order: 9; }
  .xl\:order-10 { order: 10; }
  .xl\:order-11 { order: 11; }
  .xl\:order-12 { order: 12; }

  /* Grid */
  .xl\:grid-flow-row { grid-auto-flow: row; }
  .xl\:grid-flow-col { grid-auto-flow: column; }
  .xl\:grid-flow-dense { grid-auto-flow: dense; }
  .xl\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .xl\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .xl\:grid-cols-none { grid-template-columns: none; }
  .xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .xl\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .xl\:grid-rows-none { grid-template-rows: none; }
  .xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .xl\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .xl\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .xl\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .xl\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .xl\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .xl\:grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .xl\:grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .xl\:grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .xl\:grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .xl\:grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .xl\:grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .xl\:auto-cols-auto { grid-auto-columns: auto; }
  .xl\:auto-cols-min { grid-auto-columns: min-content; }
  .xl\:auto-cols-max { grid-auto-columns: max-content; }
  .xl\:auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
  .xl\:auto-rows-auto { grid-auto-rows: auto; }
  .xl\:auto-rows-min { grid-auto-rows: min-content; }
  .xl\:auto-rows-max { grid-auto-rows: max-content; }
  .xl\:auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
  .xl\:col-auto { grid-column: auto; }
  .xl\:col-span-1 { grid-column: span 1 / span 1; }
  .xl\:col-span-2 { grid-column: span 2 / span 2; }
  .xl\:col-span-3 { grid-column: span 3 / span 3; }
  .xl\:col-span-4 { grid-column: span 4 / span 4; }
  .xl\:col-span-5 { grid-column: span 5 / span 5; }
  .xl\:col-span-6 { grid-column: span 6 / span 6; }
  .xl\:col-span-7 { grid-column: span 7 / span 7; }
  .xl\:col-span-8 { grid-column: span 8 / span 8; }
  .xl\:col-span-9 { grid-column: span 9 / span 9; }
  .xl\:col-span-10 { grid-column: span 10 / span 10; }
  .xl\:col-span-11 { grid-column: span 11 / span 11; }
  .xl\:col-span-12 { grid-column: span 12 / span 12; }
  .xl\:col-span-full { grid-column: 1 / -1; }
  .xl\:col-start-auto { grid-column-start: auto; }
  .xl\:col-start-1 { grid-column-start: 1; }
  .xl\:col-start-2 { grid-column-start: 2; }
  .xl\:col-start-3 { grid-column-start: 3; }
  .xl\:col-start-4 { grid-column-start: 4; }
  .xl\:col-start-5 { grid-column-start: 5; }
  .xl\:col-start-6 { grid-column-start: 6; }
  .xl\:col-start-7 { grid-column-start: 7; }
  .xl\:col-start-8 { grid-column-start: 8; }
  .xl\:col-start-9 { grid-column-start: 9; }
  .xl\:col-start-10 { grid-column-start: 10; }
  .xl\:col-start-11 { grid-column-start: 11; }
  .xl\:col-start-12 { grid-column-start: 12; }
  .xl\:col-start-13 { grid-column-start: 13; }
  .xl\:col-end-auto { grid-column-end: auto; }
  .xl\:col-end-1 { grid-column-end: 1; }
  .xl\:col-end-2 { grid-column-end: 2; }
  .xl\:col-end-3 { grid-column-end: 3; }
  .xl\:col-end-4 { grid-column-end: 4; }
  .xl\:col-end-5 { grid-column-end: 5; }
  .xl\:col-end-6 { grid-column-end: 6; }
  .xl\:col-end-7 { grid-column-end: 7; }
  .xl\:col-end-8 { grid-column-end: 8; }
  .xl\:col-end-9 { grid-column-end: 9; }
  .xl\:col-end-10 { grid-column-end: 10; }
  .xl\:col-end-11 { grid-column-end: 11; }
  .xl\:col-end-12 { grid-column-end: 12; }
  .xl\:col-end-13 { grid-column-end: 13; }
  .xl\:row-auto { grid-row: auto; }
  .xl\:row-span-1 { grid-row: span 1 / span 1; }
  .xl\:row-span-2 { grid-row: span 2 / span 2; }
  .xl\:row-span-3 { grid-row: span 3 / span 3; }
  .xl\:row-span-4 { grid-row: span 4 / span 4; }
  .xl\:row-span-5 { grid-row: span 5 / span 5; }
  .xl\:row-span-6 { grid-row: span 6 / span 6; }
  .xl\:row-span-7 { grid-row: span 7 / span 7; }
  .xl\:row-span-8 { grid-row: span 8 / span 8; }
  .xl\:row-span-9 { grid-row: span 9 / span 9; }
  .xl\:row-span-10 { grid-row: span 10 / span 10; }
  .xl\:row-span-11 { grid-row: span 11 / span 11; }
  .xl\:row-span-12 { grid-row: span 12 / span 12; }
  .xl\:row-span-full { grid-row: 1 / -1; }
  .xl\:row-start-auto { grid-row-start: auto; }
  .xl\:row-start-1 { grid-row-start: 1; }
  .xl\:row-start-2 { grid-row-start: 2; }
  .xl\:row-start-3 { grid-row-start: 3; }
  .xl\:row-start-4 { grid-row-start: 4; }
  .xl\:row-start-5 { grid-row-start: 5; }
  .xl\:row-start-6 { grid-row-start: 6; }
  .xl\:row-start-7 { grid-row-start: 7; }
  .xl\:row-start-8 { grid-row-start: 8; }
  .xl\:row-start-9 { grid-row-start: 9; }
  .xl\:row-start-10 { grid-row-start: 10; }
  .xl\:row-start-11 { grid-row-start: 11; }
  .xl\:row-start-12 { grid-row-start: 12; }
  .xl\:row-start-13 { grid-row-start: 13; }
  .xl\:row-end-auto { grid-row-end: auto; }
  .xl\:row-end-1 { grid-row-end: 1; }
  .xl\:row-end-2 { grid-row-end: 2; }
  .xl\:row-end-3 { grid-row-end: 3; }
  .xl\:row-end-4 { grid-row-end: 4; }
  .xl\:row-end-5 { grid-row-end: 5; }
  .xl\:row-end-6 { grid-row-end: 6; }
  .xl\:row-end-7 { grid-row-end: 7; }
  .xl\:row-end-8 { grid-row-end: 8; }
  .xl\:row-end-9 { grid-row-end: 9; }
  .xl\:row-end-10 { grid-row-end: 10; }
  .xl\:row-end-11 { grid-row-end: 11; }
  .xl\:row-end-12 { grid-row-end: 12; }
  .xl\:row-end-13 { grid-row-end: 13; }

  /* Gaps */
  .xl\:gap-0 { gap: 0; }
  .xl\:gap-5 { gap: var(--size-5); }
  .xl\:gap-10 { gap: var(--size-10); }
  .xl\:gap-15 { gap: var(--size-15); }
  .xl\:gap-16 { gap: var(--size-16); }
  .xl\:gap-20 { gap: var(--size-20); }
  .xl\:gap-25 { gap: var(--size-25); }
  .xl\:gap-30 { gap: var(--size-30); }
  .xl\:gap-35 { gap: var(--size-35); }
  .xl\:gap-40 { gap: var(--size-40); }
  .xl\:gap-45 { gap: var(--size-45); }
  .xl\:gap-50 { gap: var(--size-50); }
  .xl\:gap-55 { gap: var(--size-55); }
  .xl\:gap-60 { gap: var(--size-60); }
  .xl\:gap-65 { gap: var(--size-65); }
  .xl\:gap-70 { gap: var(--size-70); }
  .xl\:gap-75 { gap: var(--size-75); }
  .xl\:gap-80 { gap: var(--size-80); }
  .xl\:gap-85 { gap: var(--size-85); }
  .xl\:gap-90 { gap: var(--size-90); }
  .xl\:gap-95 { gap: var(--size-95); }
  .xl\:gap-100 { gap: var(--size-100); }
  .xl\:gap-x-0 { -moz-column-gap: 0; column-gap: 0; }
  .xl\:gap-x-5 { -moz-column-gap: var(--size-5); column-gap: var(--size-5); }
  .xl\:gap-x-10 { -moz-column-gap: var(--size-10); column-gap: var(--size-10); }
  .xl\:gap-x-15 { -moz-column-gap: var(--size-15); column-gap: var(--size-15); }
  .xl\:gap-x-16 { -moz-column-gap: var(--size-16); column-gap: var(--size-16); }
  .xl\:gap-x-20 { -moz-column-gap: var(--size-20); column-gap: var(--size-20); }
  .xl\:gap-x-25 { -moz-column-gap: var(--size-25); column-gap: var(--size-25); }
  .xl\:gap-x-30 { -moz-column-gap: var(--size-30); column-gap: var(--size-30); }
  .xl\:gap-x-35 { -moz-column-gap: var(--size-35); column-gap: var(--size-35); }
  .xl\:gap-x-40 { -moz-column-gap: var(--size-40); column-gap: var(--size-40); }
  .xl\:gap-x-45 { -moz-column-gap: var(--size-45); column-gap: var(--size-45); }
  .xl\:gap-x-50 { -moz-column-gap: var(--size-50); column-gap: var(--size-50); }
  .xl\:gap-x-55 { -moz-column-gap: var(--size-55); column-gap: var(--size-55); }
  .xl\:gap-x-60 { -moz-column-gap: var(--size-60); column-gap: var(--size-60); }
  .xl\:gap-x-65 { -moz-column-gap: var(--size-65); column-gap: var(--size-65); }
  .xl\:gap-x-70 { -moz-column-gap: var(--size-70); column-gap: var(--size-70); }
  .xl\:gap-x-75 { -moz-column-gap: var(--size-75); column-gap: var(--size-75); }
  .xl\:gap-x-80 { -moz-column-gap: var(--size-80); column-gap: var(--size-80); }
  .xl\:gap-x-85 { -moz-column-gap: var(--size-85); column-gap: var(--size-85); }
  .xl\:gap-x-90 { -moz-column-gap: var(--size-90); column-gap: var(--size-90); }
  .xl\:gap-x-95 { -moz-column-gap: var(--size-95); column-gap: var(--size-95); }
  .xl\:gap-x-100 { -moz-column-gap: var(--size-100); column-gap: var(--size-100); }
  .xl\:gap-y-0 { row-gap: 0; }
  .xl\:gap-y-5 { row-gap: var(--size-5); }
  .xl\:gap-y-10 { row-gap: var(--size-10); }
  .xl\:gap-y-15 { row-gap: var(--size-15); }
  .xl\:gap-y-16 { row-gap: var(--size-16); }
  .xl\:gap-y-20 { row-gap: var(--size-20); }
  .xl\:gap-y-25 { row-gap: var(--size-25); }
  .xl\:gap-y-30 { row-gap: var(--size-30); }
  .xl\:gap-y-35 { row-gap: var(--size-35); }
  .xl\:gap-y-40 { row-gap: var(--size-40); }
  .xl\:gap-y-45 { row-gap: var(--size-45); }
  .xl\:gap-y-50 { row-gap: var(--size-50); }
  .xl\:gap-y-55 { row-gap: var(--size-55); }
  .xl\:gap-y-60 { row-gap: var(--size-60); }
  .xl\:gap-y-65 { row-gap: var(--size-65); }
  .xl\:gap-y-70 { row-gap: var(--size-70); }
  .xl\:gap-y-75 { row-gap: var(--size-75); }
  .xl\:gap-y-80 { row-gap: var(--size-80); }
  .xl\:gap-y-85 { row-gap: var(--size-85); }
  .xl\:gap-y-90 { row-gap: var(--size-90); }
  .xl\:gap-y-95 { row-gap: var(--size-95); }
  .xl\:gap-y-100 { row-gap: var(--size-100); }

  /* Space Between Children */
  .xl\:space-y-0 > :not(:last-child) { margin-block-end: 0; }
  .xl\:space-y-5 > :not(:last-child) { margin-block-end: var(--size-5); }
  .xl\:space-y-10 > :not(:last-child) { margin-block-end: var(--size-10); }
  .xl\:space-y-15 > :not(:last-child) { margin-block-end: var(--size-15); }
  .xl\:space-y-16 > :not(:last-child) { margin-block-end: var(--size-16); }
  .xl\:space-y-20 > :not(:last-child) { margin-block-end: var(--size-20); }
  .xl\:space-y-25 > :not(:last-child) { margin-block-end: var(--size-25); }
  .xl\:space-y-30 > :not(:last-child) { margin-block-end: var(--size-30); }
  .xl\:space-y-35 > :not(:last-child) { margin-block-end: var(--size-35); }
  .xl\:space-y-40 > :not(:last-child) { margin-block-end: var(--size-40); }
  .xl\:space-y-45 > :not(:last-child) { margin-block-end: var(--size-45); }
  .xl\:space-y-50 > :not(:last-child) { margin-block-end: var(--size-50); }

  /* Margins */
  .xl\:m-0 { margin: 0; }
  .xl\:m-5 { margin: var(--size-5); }
  .xl\:m-10 { margin: var(--size-10); }
  .xl\:m-15 { margin: var(--size-15); }
  .xl\:m-16 { margin: var(--size-16); }
  .xl\:m-20 { margin: var(--size-20); }
  .xl\:m-25 { margin: var(--size-25); }
  .xl\:m-30 { margin: var(--size-30); }
  .xl\:m-35 { margin: var(--size-35); }
  .xl\:m-40 { margin: var(--size-40); }
  .xl\:m-45 { margin: var(--size-45); }
  .xl\:m-50 { margin: var(--size-50); }
  .xl\:m-55 { margin: var(--size-55); }
  .xl\:m-60 { margin: var(--size-60); }
  .xl\:m-65 { margin: var(--size-65); }
  .xl\:m-70 { margin: var(--size-70); }
  .xl\:m-75 { margin: var(--size-75); }
  .xl\:m-80 { margin: var(--size-80); }
  .xl\:m-85 { margin: var(--size-85); }
  .xl\:m-90 { margin: var(--size-90); }
  .xl\:m-95 { margin: var(--size-95); }
  .xl\:m-100 { margin: var(--size-100); }
  .xl\:m-auto { margin: auto; }
  .xl\:mx-0 { margin-inline: 0; }
  .xl\:mx-5 { margin-inline: var(--size-5); }
  .xl\:mx-10 { margin-inline: var(--size-10); }
  .xl\:mx-15 { margin-inline: var(--size-15); }
  .xl\:mx-16 { margin-inline: var(--size-16); }
  .xl\:mx-20 { margin-inline: var(--size-20); }
  .xl\:mx-25 { margin-inline: var(--size-25); }
  .xl\:mx-30 { margin-inline: var(--size-30); }
  .xl\:mx-35 { margin-inline: var(--size-35); }
  .xl\:mx-40 { margin-inline: var(--size-40); }
  .xl\:mx-45 { margin-inline: var(--size-45); }
  .xl\:mx-50 { margin-inline: var(--size-50); }
  .xl\:mx-55 { margin-inline: var(--size-55); }
  .xl\:mx-60 { margin-inline: var(--size-60); }
  .xl\:mx-65 { margin-inline: var(--size-65); }
  .xl\:mx-70 { margin-inline: var(--size-70); }
  .xl\:mx-75 { margin-inline: var(--size-75); }
  .xl\:mx-80 { margin-inline: var(--size-80); }
  .xl\:mx-85 { margin-inline: var(--size-85); }
  .xl\:mx-90 { margin-inline: var(--size-90); }
  .xl\:mx-95 { margin-inline: var(--size-95); }
  .xl\:mx-100 { margin-inline: var(--size-100); }
  .xl\:mx-auto { margin-inline: auto; }
  .xl\:my-0 { margin-block: 0; }
  .xl\:my-5 { margin-block: var(--size-5); }
  .xl\:my-10 { margin-block: var(--size-10); }
  .xl\:my-15 { margin-block: var(--size-15); }
  .xl\:my-16 { margin-block: var(--size-16); }
  .xl\:my-20 { margin-block: var(--size-20); }
  .xl\:my-25 { margin-block: var(--size-25); }
  .xl\:my-30 { margin-block: var(--size-30); }
  .xl\:my-35 { margin-block: var(--size-35); }
  .xl\:my-40 { margin-block: var(--size-40); }
  .xl\:my-45 { margin-block: var(--size-45); }
  .xl\:my-50 { margin-block: var(--size-50); }
  .xl\:my-55 { margin-block: var(--size-55); }
  .xl\:my-60 { margin-block: var(--size-60); }
  .xl\:my-65 { margin-block: var(--size-65); }
  .xl\:my-70 { margin-block: var(--size-70); }
  .xl\:my-75 { margin-block: var(--size-75); }
  .xl\:my-80 { margin-block: var(--size-80); }
  .xl\:my-85 { margin-block: var(--size-85); }
  .xl\:my-90 { margin-block: var(--size-90); }
  .xl\:my-95 { margin-block: var(--size-95); }
  .xl\:my-100 { margin-block: var(--size-100); }
  .xl\:my-auto { margin-block: auto; }
  .xl\:ms-0 { margin-inline-start: 0; }
  .xl\:ms-5 { margin-inline-start: var(--size-5); }
  .xl\:ms-10 { margin-inline-start: var(--size-10); }
  .xl\:ms-15 { margin-inline-start: var(--size-15); }
  .xl\:ms-16 { margin-inline-start: var(--size-16); }
  .xl\:ms-20 { margin-inline-start: var(--size-20); }
  .xl\:ms-25 { margin-inline-start: var(--size-25); }
  .xl\:ms-30 { margin-inline-start: var(--size-30); }
  .xl\:ms-35 { margin-inline-start: var(--size-35); }
  .xl\:ms-40 { margin-inline-start: var(--size-40); }
  .xl\:ms-45 { margin-inline-start: var(--size-45); }
  .xl\:ms-50 { margin-inline-start: var(--size-50); }
  .xl\:ms-55 { margin-inline-start: var(--size-55); }
  .xl\:ms-60 { margin-inline-start: var(--size-60); }
  .xl\:ms-65 { margin-inline-start: var(--size-65); }
  .xl\:ms-70 { margin-inline-start: var(--size-70); }
  .xl\:ms-75 { margin-inline-start: var(--size-75); }
  .xl\:ms-80 { margin-inline-start: var(--size-80); }
  .xl\:ms-85 { margin-inline-start: var(--size-85); }
  .xl\:ms-90 { margin-inline-start: var(--size-90); }
  .xl\:ms-95 { margin-inline-start: var(--size-95); }
  .xl\:ms-100 { margin-inline-start: var(--size-100); }
  .xl\:ms-auto { margin-inline-start: auto; }
  .xl\:me-0 { margin-inline-end: 0; }
  .xl\:me-5 { margin-inline-end: var(--size-5); }
  .xl\:me-10 { margin-inline-end: var(--size-10); }
  .xl\:me-15 { margin-inline-end: var(--size-15); }
  .xl\:me-16 { margin-inline-end: var(--size-16); }
  .xl\:me-20 { margin-inline-end: var(--size-20); }
  .xl\:me-25 { margin-inline-end: var(--size-25); }
  .xl\:me-30 { margin-inline-end: var(--size-30); }
  .xl\:me-35 { margin-inline-end: var(--size-35); }
  .xl\:me-40 { margin-inline-end: var(--size-40); }
  .xl\:me-45 { margin-inline-end: var(--size-45); }
  .xl\:me-50 { margin-inline-end: var(--size-50); }
  .xl\:me-55 { margin-inline-end: var(--size-55); }
  .xl\:me-60 { margin-inline-end: var(--size-60); }
  .xl\:me-65 { margin-inline-end: var(--size-65); }
  .xl\:me-70 { margin-inline-end: var(--size-70); }
  .xl\:me-75 { margin-inline-end: var(--size-75); }
  .xl\:me-80 { margin-inline-end: var(--size-80); }
  .xl\:me-85 { margin-inline-end: var(--size-85); }
  .xl\:me-90 { margin-inline-end: var(--size-90); }
  .xl\:me-95 { margin-inline-end: var(--size-95); }
  .xl\:me-100 { margin-inline-end: var(--size-100); }
  .xl\:me-auto { margin-inline-end: auto; }
  .xl\:mt-0 { margin-top: 0; }
  .xl\:mt-5 { margin-top: var(--size-5); }
  .xl\:mt-10 { margin-top: var(--size-10); }
  .xl\:mt-15 { margin-top: var(--size-15); }
  .xl\:mt-16 { margin-top: var(--size-16); }
  .xl\:mt-20 { margin-top: var(--size-20); }
  .xl\:mt-25 { margin-top: var(--size-25); }
  .xl\:mt-30 { margin-top: var(--size-30); }
  .xl\:mt-35 { margin-top: var(--size-35); }
  .xl\:mt-40 { margin-top: var(--size-40); }
  .xl\:mt-45 { margin-top: var(--size-45); }
  .xl\:mt-50 { margin-top: var(--size-50); }
  .xl\:mt-55 { margin-top: var(--size-55); }
  .xl\:mt-60 { margin-top: var(--size-60); }
  .xl\:mt-65 { margin-top: var(--size-65); }
  .xl\:mt-70 { margin-top: var(--size-70); }
  .xl\:mt-75 { margin-top: var(--size-75); }
  .xl\:mt-80 { margin-top: var(--size-80); }
  .xl\:mt-85 { margin-top: var(--size-85); }
  .xl\:mt-90 { margin-top: var(--size-90); }
  .xl\:mt-95 { margin-top: var(--size-95); }
  .xl\:mt-100 { margin-top: var(--size-100); }
  .xl\:mt-auto { margin-top: auto; }
  .xl\:mr-0 { margin-right: 0; }
  .xl\:mr-5 { margin-right: var(--size-5); }
  .xl\:mr-10 { margin-right: var(--size-10); }
  .xl\:mr-15 { margin-right: var(--size-15); }
  .xl\:mr-16 { margin-right: var(--size-16); }
  .xl\:mr-20 { margin-right: var(--size-20); }
  .xl\:mr-25 { margin-right: var(--size-25); }
  .xl\:mr-30 { margin-right: var(--size-30); }
  .xl\:mr-35 { margin-right: var(--size-35); }
  .xl\:mr-40 { margin-right: var(--size-40); }
  .xl\:mr-45 { margin-right: var(--size-45); }
  .xl\:mr-50 { margin-right: var(--size-50); }
  .xl\:mr-55 { margin-right: var(--size-55); }
  .xl\:mr-60 { margin-right: var(--size-60); }
  .xl\:mr-65 { margin-right: var(--size-65); }
  .xl\:mr-70 { margin-right: var(--size-70); }
  .xl\:mr-75 { margin-right: var(--size-75); }
  .xl\:mr-80 { margin-right: var(--size-80); }
  .xl\:mr-85 { margin-right: var(--size-85); }
  .xl\:mr-90 { margin-right: var(--size-90); }
  .xl\:mr-95 { margin-right: var(--size-95); }
  .xl\:mr-100 { margin-right: var(--size-100); }
  .xl\:mr-auto { margin-right: auto; }
  .xl\:mb-0 { margin-bottom: 0; }
  .xl\:mb-5 { margin-bottom: var(--size-5); }
  .xl\:mb-10 { margin-bottom: var(--size-10); }
  .xl\:mb-15 { margin-bottom: var(--size-15); }
  .xl\:mb-16 { margin-bottom: var(--size-16); }
  .xl\:mb-20 { margin-bottom: var(--size-20); }
  .xl\:mb-25 { margin-bottom: var(--size-25); }
  .xl\:mb-30 { margin-bottom: var(--size-30); }
  .xl\:mb-35 { margin-bottom: var(--size-35); }
  .xl\:mb-40 { margin-bottom: var(--size-40); }
  .xl\:mb-45 { margin-bottom: var(--size-45); }
  .xl\:mb-50 { margin-bottom: var(--size-50); }
  .xl\:mb-55 { margin-bottom: var(--size-55); }
  .xl\:mb-60 { margin-bottom: var(--size-60); }
  .xl\:mb-65 { margin-bottom: var(--size-65); }
  .xl\:mb-70 { margin-bottom: var(--size-70); }
  .xl\:mb-75 { margin-bottom: var(--size-75); }
  .xl\:mb-80 { margin-bottom: var(--size-80); }
  .xl\:mb-85 { margin-bottom: var(--size-85); }
  .xl\:mb-90 { margin-bottom: var(--size-90); }
  .xl\:mb-95 { margin-bottom: var(--size-95); }
  .xl\:mb-100 { margin-bottom: var(--size-100); }
  .xl\:mb-auto { margin-bottom: auto; }
  .xl\:ml-0 { margin-left: 0; }
  .xl\:ml-5 { margin-left: var(--size-5); }
  .xl\:ml-10 { margin-left: var(--size-10); }
  .xl\:ml-15 { margin-left: var(--size-15); }
  .xl\:ml-16 { margin-left: var(--size-16); }
  .xl\:ml-20 { margin-left: var(--size-20); }
  .xl\:ml-25 { margin-left: var(--size-25); }
  .xl\:ml-30 { margin-left: var(--size-30); }
  .xl\:ml-35 { margin-left: var(--size-35); }
  .xl\:ml-40 { margin-left: var(--size-40); }
  .xl\:ml-45 { margin-left: var(--size-45); }
  .xl\:ml-50 { margin-left: var(--size-50); }
  .xl\:ml-55 { margin-left: var(--size-55); }
  .xl\:ml-60 { margin-left: var(--size-60); }
  .xl\:ml-65 { margin-left: var(--size-65); }
  .xl\:ml-70 { margin-left: var(--size-70); }
  .xl\:ml-75 { margin-left: var(--size-75); }
  .xl\:ml-80 { margin-left: var(--size-80); }
  .xl\:ml-85 { margin-left: var(--size-85); }
  .xl\:ml-90 { margin-left: var(--size-90); }
  .xl\:ml-95 { margin-left: var(--size-95); }
  .xl\:ml-100 { margin-left: var(--size-100); }
  .xl\:ml-auto { margin-left: auto; }

  /* Paddings */
  .xl\:p-0 { padding: 0; }
  .xl\:p-5 { padding: var(--size-5); }
  .xl\:p-10 { padding: var(--size-10); }
  .xl\:p-15 { padding: var(--size-15); }
  .xl\:p-16 { padding: var(--size-16); }
  .xl\:p-20 { padding: var(--size-20); }
  .xl\:p-25 { padding: var(--size-25); }
  .xl\:p-30 { padding: var(--size-30); }
  .xl\:p-35 { padding: var(--size-35); }
  .xl\:p-40 { padding: var(--size-40); }
  .xl\:p-45 { padding: var(--size-45); }
  .xl\:p-50 { padding: var(--size-50); }
  .xl\:p-55 { padding: var(--size-55); }
  .xl\:p-60 { padding: var(--size-60); }
  .xl\:p-65 { padding: var(--size-65); }
  .xl\:p-70 { padding: var(--size-70); }
  .xl\:p-75 { padding: var(--size-75); }
  .xl\:p-80 { padding: var(--size-80); }
  .xl\:p-85 { padding: var(--size-85); }
  .xl\:p-90 { padding: var(--size-90); }
  .xl\:p-95 { padding: var(--size-95); }
  .xl\:p-100 { padding: var(--size-100); }
  .xl\:px-0 { padding-inline: 0; }
  .xl\:px-5 { padding-inline: var(--size-5); }
  .xl\:px-10 { padding-inline: var(--size-10); }
  .xl\:px-15 { padding-inline: var(--size-15); }
  .xl\:px-16 { padding-inline: var(--size-16); }
  .xl\:px-20 { padding-inline: var(--size-20); }
  .xl\:px-25 { padding-inline: var(--size-25); }
  .xl\:px-30 { padding-inline: var(--size-30); }
  .xl\:px-35 { padding-inline: var(--size-35); }
  .xl\:px-40 { padding-inline: var(--size-40); }
  .xl\:px-45 { padding-inline: var(--size-45); }
  .xl\:px-50 { padding-inline: var(--size-50); }
  .xl\:px-55 { padding-inline: var(--size-55); }
  .xl\:px-60 { padding-inline: var(--size-60); }
  .xl\:px-65 { padding-inline: var(--size-65); }
  .xl\:px-70 { padding-inline: var(--size-70); }
  .xl\:px-75 { padding-inline: var(--size-75); }
  .xl\:px-80 { padding-inline: var(--size-80); }
  .xl\:px-85 { padding-inline: var(--size-85); }
  .xl\:px-90 { padding-inline: var(--size-90); }
  .xl\:px-95 { padding-inline: var(--size-95); }
  .xl\:px-100 { padding-inline: var(--size-100); }
  .xl\:py-0 { padding-block: 0; }
  .xl\:py-5 { padding-block: var(--size-5); }
  .xl\:py-10 { padding-block: var(--size-10); }
  .xl\:py-15 { padding-block: var(--size-15); }
  .xl\:py-16 { padding-block: var(--size-16); }
  .xl\:py-20 { padding-block: var(--size-20); }
  .xl\:py-25 { padding-block: var(--size-25); }
  .xl\:py-30 { padding-block: var(--size-30); }
  .xl\:py-35 { padding-block: var(--size-35); }
  .xl\:py-40 { padding-block: var(--size-40); }
  .xl\:py-45 { padding-block: var(--size-45); }
  .xl\:py-50 { padding-block: var(--size-50); }
  .xl\:py-55 { padding-block: var(--size-55); }
  .xl\:py-60 { padding-block: var(--size-60); }
  .xl\:py-65 { padding-block: var(--size-65); }
  .xl\:py-70 { padding-block: var(--size-70); }
  .xl\:py-75 { padding-block: var(--size-75); }
  .xl\:py-80 { padding-block: var(--size-80); }
  .xl\:py-85 { padding-block: var(--size-85); }
  .xl\:py-90 { padding-block: var(--size-90); }
  .xl\:py-95 { padding-block: var(--size-95); }
  .xl\:py-100 { padding-block: var(--size-100); }
  .xl\:ps-0 { padding-inline-start: 0; }
  .xl\:ps-5 { padding-inline-start: var(--size-5); }
  .xl\:ps-10 { padding-inline-start: var(--size-10); }
  .xl\:ps-15 { padding-inline-start: var(--size-15); }
  .xl\:ps-16 { padding-inline-start: var(--size-16); }
  .xl\:ps-20 { padding-inline-start: var(--size-20); }
  .xl\:ps-25 { padding-inline-start: var(--size-25); }
  .xl\:ps-30 { padding-inline-start: var(--size-30); }
  .xl\:ps-35 { padding-inline-start: var(--size-35); }
  .xl\:ps-40 { padding-inline-start: var(--size-40); }
  .xl\:ps-45 { padding-inline-start: var(--size-45); }
  .xl\:ps-50 { padding-inline-start: var(--size-50); }
  .xl\:ps-55 { padding-inline-start: var(--size-55); }
  .xl\:ps-60 { padding-inline-start: var(--size-60); }
  .xl\:ps-65 { padding-inline-start: var(--size-65); }
  .xl\:ps-70 { padding-inline-start: var(--size-70); }
  .xl\:ps-75 { padding-inline-start: var(--size-75); }
  .xl\:ps-80 { padding-inline-start: var(--size-80); }
  .xl\:ps-85 { padding-inline-start: var(--size-85); }
  .xl\:ps-90 { padding-inline-start: var(--size-90); }
  .xl\:ps-95 { padding-inline-start: var(--size-95); }
  .xl\:ps-100 { padding-inline-start: var(--size-100); }
  .xl\:pe-0 { padding-inline-end: 0; }
  .xl\:pe-5 { padding-inline-end: var(--size-5); }
  .xl\:pe-10 { padding-inline-end: var(--size-10); }
  .xl\:pe-15 { padding-inline-end: var(--size-15); }
  .xl\:pe-16 { padding-inline-end: var(--size-16); }
  .xl\:pe-20 { padding-inline-end: var(--size-20); }
  .xl\:pe-25 { padding-inline-end: var(--size-25); }
  .xl\:pe-30 { padding-inline-end: var(--size-30); }
  .xl\:pe-35 { padding-inline-end: var(--size-35); }
  .xl\:pe-40 { padding-inline-end: var(--size-40); }
  .xl\:pe-45 { padding-inline-end: var(--size-45); }
  .xl\:pe-50 { padding-inline-end: var(--size-50); }
  .xl\:pe-55 { padding-inline-end: var(--size-55); }
  .xl\:pe-60 { padding-inline-end: var(--size-60); }
  .xl\:pe-65 { padding-inline-end: var(--size-65); }
  .xl\:pe-70 { padding-inline-end: var(--size-70); }
  .xl\:pe-75 { padding-inline-end: var(--size-75); }
  .xl\:pe-80 { padding-inline-end: var(--size-80); }
  .xl\:pe-85 { padding-inline-end: var(--size-85); }
  .xl\:pe-90 { padding-inline-end: var(--size-90); }
  .xl\:pe-95 { padding-inline-end: var(--size-95); }
  .xl\:pe-100 { padding-inline-end: var(--size-100); }
  .xl\:pt-0 { padding-top: 0; }
  .xl\:pt-5 { padding-top: var(--size-5); }
  .xl\:pt-10 { padding-top: var(--size-10); }
  .xl\:pt-15 { padding-top: var(--size-15); }
  .xl\:pt-16 { padding-top: var(--size-16); }
  .xl\:pt-20 { padding-top: var(--size-20); }
  .xl\:pt-25 { padding-top: var(--size-25); }
  .xl\:pt-30 { padding-top: var(--size-30); }
  .xl\:pt-35 { padding-top: var(--size-35); }
  .xl\:pt-40 { padding-top: var(--size-40); }
  .xl\:pt-45 { padding-top: var(--size-45); }
  .xl\:pt-50 { padding-top: var(--size-50); }
  .xl\:pt-55 { padding-top: var(--size-55); }
  .xl\:pt-60 { padding-top: var(--size-60); }
  .xl\:pt-65 { padding-top: var(--size-65); }
  .xl\:pt-70 { padding-top: var(--size-70); }
  .xl\:pt-75 { padding-top: var(--size-75); }
  .xl\:pt-80 { padding-top: var(--size-80); }
  .xl\:pt-85 { padding-top: var(--size-85); }
  .xl\:pt-90 { padding-top: var(--size-90); }
  .xl\:pt-95 { padding-top: var(--size-95); }
  .xl\:pt-100 { padding-top: var(--size-100); }
  .xl\:pr-0 { padding-right: 0; }
  .xl\:pr-5 { padding-right: var(--size-5); }
  .xl\:pr-10 { padding-right: var(--size-10); }
  .xl\:pr-15 { padding-right: var(--size-15); }
  .xl\:pr-16 { padding-right: var(--size-16); }
  .xl\:pr-20 { padding-right: var(--size-20); }
  .xl\:pr-25 { padding-right: var(--size-25); }
  .xl\:pr-30 { padding-right: var(--size-30); }
  .xl\:pr-35 { padding-right: var(--size-35); }
  .xl\:pr-40 { padding-right: var(--size-40); }
  .xl\:pr-45 { padding-right: var(--size-45); }
  .xl\:pr-50 { padding-right: var(--size-50); }
  .xl\:pr-55 { padding-right: var(--size-55); }
  .xl\:pr-60 { padding-right: var(--size-60); }
  .xl\:pr-65 { padding-right: var(--size-65); }
  .xl\:pr-70 { padding-right: var(--size-70); }
  .xl\:pr-75 { padding-right: var(--size-75); }
  .xl\:pr-80 { padding-right: var(--size-80); }
  .xl\:pr-85 { padding-right: var(--size-85); }
  .xl\:pr-90 { padding-right: var(--size-90); }
  .xl\:pr-95 { padding-right: var(--size-95); }
  .xl\:pr-100 { padding-right: var(--size-100); }
  .xl\:pb-0 { padding-bottom: 0; }
  .xl\:pb-5 { padding-bottom: var(--size-5); }
  .xl\:pb-10 { padding-bottom: var(--size-10); }
  .xl\:pb-15 { padding-bottom: var(--size-15); }
  .xl\:pb-16 { padding-bottom: var(--size-16); }
  .xl\:pb-20 { padding-bottom: var(--size-20); }
  .xl\:pb-25 { padding-bottom: var(--size-25); }
  .xl\:pb-30 { padding-bottom: var(--size-30); }
  .xl\:pb-35 { padding-bottom: var(--size-35); }
  .xl\:pb-40 { padding-bottom: var(--size-40); }
  .xl\:pb-45 { padding-bottom: var(--size-45); }
  .xl\:pb-50 { padding-bottom: var(--size-50); }
  .xl\:pb-55 { padding-bottom: var(--size-55); }
  .xl\:pb-60 { padding-bottom: var(--size-60); }
  .xl\:pb-65 { padding-bottom: var(--size-65); }
  .xl\:pb-70 { padding-bottom: var(--size-70); }
  .xl\:pb-75 { padding-bottom: var(--size-75); }
  .xl\:pb-80 { padding-bottom: var(--size-80); }
  .xl\:pb-85 { padding-bottom: var(--size-85); }
  .xl\:pb-90 { padding-bottom: var(--size-90); }
  .xl\:pb-95 { padding-bottom: var(--size-95); }
  .xl\:pb-100 { padding-bottom: var(--size-100); }
  .xl\:pl-0 { padding-left: 0; }
  .xl\:pl-5 { padding-left: var(--size-5); }
  .xl\:pl-10 { padding-left: var(--size-10); }
  .xl\:pl-15 { padding-left: var(--size-15); }
  .xl\:pl-16 { padding-left: var(--size-16); }
  .xl\:pl-20 { padding-left: var(--size-20); }
  .xl\:pl-25 { padding-left: var(--size-25); }
  .xl\:pl-30 { padding-left: var(--size-30); }
  .xl\:pl-35 { padding-left: var(--size-35); }
  .xl\:pl-40 { padding-left: var(--size-40); }
  .xl\:pl-45 { padding-left: var(--size-45); }
  .xl\:pl-50 { padding-left: var(--size-50); }
  .xl\:pl-55 { padding-left: var(--size-55); }
  .xl\:pl-60 { padding-left: var(--size-60); }
  .xl\:pl-65 { padding-left: var(--size-65); }
  .xl\:pl-70 { padding-left: var(--size-70); }
  .xl\:pl-75 { padding-left: var(--size-75); }
  .xl\:pl-80 { padding-left: var(--size-80); }
  .xl\:pl-85 { padding-left: var(--size-85); }
  .xl\:pl-90 { padding-left: var(--size-90); }
  .xl\:pl-95 { padding-left: var(--size-95); }
  .xl\:pl-100 { padding-left: var(--size-100); }

  /* Typography */
  :is(.xl\:h1, .xl\:h2, .xl\:h3, .xl\:h4, .xl\:h5, .xl\:h6) > :where(h1, h2, h3, h4, h5, h6):where(:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)) { font-size: inherit; }
  .xl\:h1 { font-size: var(--h1-size); }
  .xl\:h2 { font-size: var(--h2-size); }
  .xl\:h3 { font-size: var(--h3-size); }
  .xl\:h4 { font-size: var(--h4-size); }
  .xl\:h5 { font-size: var(--h5-size); }
  .xl\:h6 { font-size: var(--h6-size); }
  .xl\:text-2xl { font-size: var(--text-2xl); }
  .xl\:text-xl { font-size: var(--text-xl); }
  .xl\:text-lg { font-size: var(--text-lg); }
  .xl\:text-md { font-size: var(--text-md); }
  .xl\:text-base { font-size: var(--text-base); }
  .xl\:text-sm { font-size: var(--text-sm); }
  .xl\:text-xs { font-size: var(--text-xs); }
  .xl\:leading-tight { line-height: var(--leading-tight); }
  .xl\:leading-snug { line-height: var(--leading-snug); }
  .xl\:leading-normal { line-height: var(--leading-normal); }
  .xl\:leading-relaxed { line-height: var(--leading-relaxed); }
  .xl\:leading-loose { line-height: var(--leading-loose); }
  .xl\:tracking-tighter { letter-spacing: var(--tracking-tighter); }
  .xl\:tracking-tight { letter-spacing: var(--tracking-tight); }
  .xl\:tracking-normal { letter-spacing: var(--tracking-normal); }
  .xl\:tracking-wide { letter-spacing: var(--tracking-wide); }
  .xl\:tracking-wider { letter-spacing: var(--tracking-wider); }
  .xl\:tracking-widest { letter-spacing: var(--tracking-widest); }

  /* Radius */
  .xl\:rounded-none { border-radius: 0; }
  .xl\:rounded-xs { border-radius: var(--radius-xs); }
  .xl\:rounded-sm { border-radius: var(--radius-sm); }
  .xl\:rounded-md { border-radius: var(--radius-md); }
  .xl\:rounded-lg { border-radius: var(--radius-lg); }
  .xl\:rounded-xl { border-radius: var(--radius-xl); }
  .xl\:rounded-2xl { border-radius: var(--radius-2xl); }
  .xl\:rounded-3xl { border-radius: var(--radius-3xl); }
  .xl\:rounded-4xl { border-radius: var(--radius-4xl); }
  .xl\:rounded-full { border-radius: 9999px; }

  /* Lists, Interaction & Object Fit */
  .xl\:list-none { list-style-type: none; }
  .xl\:pointer-events-none { pointer-events: none; }
  .xl\:pointer-events-auto { pointer-events: auto; }
  .xl\:object-contain { -o-object-fit: contain; object-fit: contain; }
  .xl\:object-cover { -o-object-fit: cover; object-fit: cover; }
  .xl\:object-fill { -o-object-fit: fill; object-fit: fill; }
  .xl\:object-none { -o-object-fit: none; object-fit: none; }
  .xl\:object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; }
  .xl\:object-center { -o-object-position: center; object-position: center; }

  /* Opacity */
  .xl\:opacity-0 { opacity: 0%; }
  .xl\:opacity-1 { opacity: 1%; }
  .xl\:opacity-2 { opacity: 2%; }
  .xl\:opacity-3 { opacity: 3%; }
  .xl\:opacity-4 { opacity: 4%; }
  .xl\:opacity-5 { opacity: 5%; }
  .xl\:opacity-6 { opacity: 6%; }
  .xl\:opacity-7 { opacity: 7%; }
  .xl\:opacity-8 { opacity: 8%; }
  .xl\:opacity-9 { opacity: 9%; }
  .xl\:opacity-10 { opacity: 10%; }
  .xl\:opacity-11 { opacity: 11%; }
  .xl\:opacity-12 { opacity: 12%; }
  .xl\:opacity-13 { opacity: 13%; }
  .xl\:opacity-14 { opacity: 14%; }
  .xl\:opacity-15 { opacity: 15%; }
  .xl\:opacity-16 { opacity: 16%; }
  .xl\:opacity-17 { opacity: 17%; }
  .xl\:opacity-18 { opacity: 18%; }
  .xl\:opacity-19 { opacity: 19%; }
  .xl\:opacity-20 { opacity: 20%; }
  .xl\:opacity-21 { opacity: 21%; }
  .xl\:opacity-22 { opacity: 22%; }
  .xl\:opacity-23 { opacity: 23%; }
  .xl\:opacity-24 { opacity: 24%; }
  .xl\:opacity-25 { opacity: 25%; }
  .xl\:opacity-26 { opacity: 26%; }
  .xl\:opacity-27 { opacity: 27%; }
  .xl\:opacity-28 { opacity: 28%; }
  .xl\:opacity-29 { opacity: 29%; }
  .xl\:opacity-30 { opacity: 30%; }
  .xl\:opacity-31 { opacity: 31%; }
  .xl\:opacity-32 { opacity: 32%; }
  .xl\:opacity-33 { opacity: 33%; }
  .xl\:opacity-34 { opacity: 34%; }
  .xl\:opacity-35 { opacity: 35%; }
  .xl\:opacity-36 { opacity: 36%; }
  .xl\:opacity-37 { opacity: 37%; }
  .xl\:opacity-38 { opacity: 38%; }
  .xl\:opacity-39 { opacity: 39%; }
  .xl\:opacity-40 { opacity: 40%; }
  .xl\:opacity-41 { opacity: 41%; }
  .xl\:opacity-42 { opacity: 42%; }
  .xl\:opacity-43 { opacity: 43%; }
  .xl\:opacity-44 { opacity: 44%; }
  .xl\:opacity-45 { opacity: 45%; }
  .xl\:opacity-46 { opacity: 46%; }
  .xl\:opacity-47 { opacity: 47%; }
  .xl\:opacity-48 { opacity: 48%; }
  .xl\:opacity-49 { opacity: 49%; }
  .xl\:opacity-50 { opacity: 50%; }
  .xl\:opacity-51 { opacity: 51%; }
  .xl\:opacity-52 { opacity: 52%; }
  .xl\:opacity-53 { opacity: 53%; }
  .xl\:opacity-54 { opacity: 54%; }
  .xl\:opacity-55 { opacity: 55%; }
  .xl\:opacity-56 { opacity: 56%; }
  .xl\:opacity-57 { opacity: 57%; }
  .xl\:opacity-58 { opacity: 58%; }
  .xl\:opacity-59 { opacity: 59%; }
  .xl\:opacity-60 { opacity: 60%; }
  .xl\:opacity-61 { opacity: 61%; }
  .xl\:opacity-62 { opacity: 62%; }
  .xl\:opacity-63 { opacity: 63%; }
  .xl\:opacity-64 { opacity: 64%; }
  .xl\:opacity-65 { opacity: 65%; }
  .xl\:opacity-66 { opacity: 66%; }
  .xl\:opacity-67 { opacity: 67%; }
  .xl\:opacity-68 { opacity: 68%; }
  .xl\:opacity-69 { opacity: 69%; }
  .xl\:opacity-70 { opacity: 70%; }
  .xl\:opacity-71 { opacity: 71%; }
  .xl\:opacity-72 { opacity: 72%; }
  .xl\:opacity-73 { opacity: 73%; }
  .xl\:opacity-74 { opacity: 74%; }
  .xl\:opacity-75 { opacity: 75%; }
  .xl\:opacity-76 { opacity: 76%; }
  .xl\:opacity-77 { opacity: 77%; }
  .xl\:opacity-78 { opacity: 78%; }
  .xl\:opacity-79 { opacity: 79%; }
  .xl\:opacity-80 { opacity: 80%; }
  .xl\:opacity-81 { opacity: 81%; }
  .xl\:opacity-82 { opacity: 82%; }
  .xl\:opacity-83 { opacity: 83%; }
  .xl\:opacity-84 { opacity: 84%; }
  .xl\:opacity-85 { opacity: 85%; }
  .xl\:opacity-86 { opacity: 86%; }
  .xl\:opacity-87 { opacity: 87%; }
  .xl\:opacity-88 { opacity: 88%; }
  .xl\:opacity-89 { opacity: 89%; }
  .xl\:opacity-90 { opacity: 90%; }
  .xl\:opacity-91 { opacity: 91%; }
  .xl\:opacity-92 { opacity: 92%; }
  .xl\:opacity-93 { opacity: 93%; }
  .xl\:opacity-94 { opacity: 94%; }
  .xl\:opacity-95 { opacity: 95%; }
  .xl\:opacity-96 { opacity: 96%; }
  .xl\:opacity-97 { opacity: 97%; }
  .xl\:opacity-98 { opacity: 98%; }
  .xl\:opacity-99 { opacity: 99%; }
  .xl\:opacity-100 { opacity: 100%; }

  /* Transitions */
  .xl\:transition { transition-property: all; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .xl\:transition-colors { transition-property: color, background-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .xl\:duration-200 { transition-duration: var(--transition-duration); }
  .xl\:ease-out { transition-timing-function: var(--transition-timing-function); }
}

/* Breakpoint 2XL (1536px) */
@media (min-width:96rem) {
  /* Text Transform & Wrapping */
  .\32xl\:uppercase { text-transform: uppercase; }
  .\32xl\:lowercase { text-transform: lowercase; }
  .\32xl\:capitalize { text-transform: capitalize; }
  .\32xl\:text-wrap { white-space: normal; }
  .\32xl\:text-nowrap { white-space: nowrap; }

  /* Visibility */
  .\32xl\:visible { visibility: visible; }
  .\32xl\:invisible { visibility: hidden; }

  /* Overflow */
  .\32xl\:overflow-auto { overflow: auto; }
  .\32xl\:overflow-visible { overflow: visible; }
  .\32xl\:overflow-clip { overflow: clip; }
  .\32xl\:overflow-hidden { overflow: hidden; }
  .\32xl\:overflow-scroll { overflow: scroll; }
  .\32xl\:overflow-x-auto { overflow-x: auto; }
  .\32xl\:overflow-y-auto { overflow-y: auto; }
  .\32xl\:overflow-x-hidden { overflow-x: hidden; }
  .\32xl\:overflow-y-hidden { overflow-y: hidden; }

  /* Sizing */
  .\32xl\:w-auto { width: auto; }
  .\32xl\:w-full { width: 100%; }
  .\32xl\:w-fit { width: -moz-fit-content; width: fit-content; }
  .\32xl\:h-auto { height: auto; }
  .\32xl\:h-full { height: 100%; }
  .\32xl\:h-fit { height: -moz-fit-content; height: fit-content; }
  .\32xl\:min-w-0 { min-width: 0; }
  .\32xl\:max-w-full { max-width: 100%; }

  /* Display */
  .\32xl\:hidden { display: none; }
  .\32xl\:block { display: block; }
  .\32xl\:inline { display: inline; }
  .\32xl\:inline-block { display: inline-block; }
  .\32xl\:flex { display: flex; }
  .\32xl\:inline-flex { display: inline-flex; }
  .\32xl\:grid { display: grid; }
  .\32xl\:inline-grid { display: inline-grid; }
  .\32xl\:contents { display: contents; }

  /* Position */
  .\32xl\:static { position: static; }
  .\32xl\:relative { position: relative; }
  .\32xl\:absolute { position: absolute; }
  .\32xl\:fixed { position: fixed; }
  .\32xl\:sticky { position: sticky; }
  .\32xl\:inset-0 { inset: 0; }
  .\32xl\:inset-x-0 { left: 0; right: 0; }
  .\32xl\:inset-y-0 { top: 0; bottom: 0; }
  .\32xl\:top-0 { top: 0; }
  .\32xl\:right-0 { right: 0; }
  .\32xl\:bottom-0 { bottom: 0; }
  .\32xl\:left-0 { left: 0; }

  /* Z-index */
  .\32xl\:z-auto { z-index: auto; }
  .\32xl\:z-0 { z-index: 0; }
  .\32xl\:z-10 { z-index: 10; }
  .\32xl\:z-20 { z-index: 20; }
  .\32xl\:z-30 { z-index: 30; }
  .\32xl\:z-40 { z-index: 40; }
  .\32xl\:z-50 { z-index: 50; }
  .\32xl\:-z-10 { z-index: -10; }

  /* Text Align */
  .\32xl\:text-left { text-align: left; }
  .\32xl\:text-center { text-align: center; }
  .\32xl\:text-right { text-align: right; }
  .\32xl\:text-justify { text-align: justify; }

  /* Text Decoration */
  .\32xl\:no-underline { text-decoration: none; }
  .\32xl\:underline { text-decoration: underline; }
  .\32xl\:line-through { text-decoration: line-through; }
  .\32xl\:decoration-1 { text-decoration-thickness: 1px; }
  .\32xl\:underline-offset-1 { text-underline-offset: 1px; }

  /* Font Style & Weight */
  .\32xl\:italic { font-style: italic; }
  .\32xl\:not-italic { font-style: normal; }
  .\32xl\:font-thin { font-weight: 100; }
  .\32xl\:font-extralight { font-weight: 200; }
  .\32xl\:font-light { font-weight: 300; }
  .\32xl\:font-normal { font-weight: 400; }
  .\32xl\:font-medium { font-weight: 500; }
  .\32xl\:font-semibold { font-weight: 600; }
  .\32xl\:font-bold { font-weight: 700; }
  .\32xl\:font-extrabold { font-weight: 800; }
  .\32xl\:font-black { font-weight: 900; }

  /* Flex */
  .\32xl\:flex-row { flex-direction: row; }
  .\32xl\:flex-col { flex-direction: column; }
  .\32xl\:flex-row-reverse { flex-direction: row-reverse; }
  .\32xl\:flex-col-reverse { flex-direction: column-reverse; }
  .\32xl\:flex-wrap { flex-wrap: wrap; }
  .\32xl\:flex-nowrap { flex-wrap: nowrap; }
  .\32xl\:flex-wrap-reverse { flex-wrap: wrap-reverse; }
  .\32xl\:flex-1 { flex: 1 1 0%; }
  .\32xl\:flex-auto { flex: 1 1 auto; }
  .\32xl\:flex-initial { flex: 0 1 auto; }
  .\32xl\:flex-none { flex: none; }
  .\32xl\:grow { flex-grow: 1; }
  .\32xl\:grow-0 { flex-grow: 0; }
  .\32xl\:shrink { flex-shrink: 1; }
  .\32xl\:shrink-0 { flex-shrink: 0; }

  /* Justify */
  .\32xl\:justify-start { justify-content: flex-start; }
  .\32xl\:justify-end { justify-content: flex-end; }
  .\32xl\:justify-center { justify-content: center; }
  .\32xl\:justify-between { justify-content: space-between; }
  .\32xl\:justify-around { justify-content: space-around; }
  .\32xl\:justify-evenly { justify-content: space-evenly; }
  .\32xl\:justify-items-start { justify-items: start; }
  .\32xl\:justify-items-end { justify-items: end; }
  .\32xl\:justify-items-center { justify-items: center; }
  .\32xl\:justify-items-stretch { justify-items: stretch; }
  .\32xl\:justify-self-auto { justify-self: auto; }
  .\32xl\:justify-self-start { justify-self: start; }
  .\32xl\:justify-self-end { justify-self: end; }
  .\32xl\:justify-self-center { justify-self: center; }
  .\32xl\:justify-self-stretch { justify-self: stretch; }

  /* Align */
  .\32xl\:items-start { align-items: flex-start; }
  .\32xl\:items-end { align-items: flex-end; }
  .\32xl\:items-center { align-items: center; }
  .\32xl\:items-baseline { align-items: baseline; }
  .\32xl\:items-stretch { align-items: stretch; }
  .\32xl\:content-start { align-content: flex-start; }
  .\32xl\:content-end { align-content: flex-end; }
  .\32xl\:content-center { align-content: center; }
  .\32xl\:content-between { align-content: space-between; }
  .\32xl\:content-around { align-content: space-around; }
  .\32xl\:content-evenly { align-content: space-evenly; }
  .\32xl\:content-stretch { align-content: stretch; }
  .\32xl\:self-auto { align-self: auto; }
  .\32xl\:self-start { align-self: flex-start; }
  .\32xl\:self-end { align-self: flex-end; }
  .\32xl\:self-center { align-self: center; }
  .\32xl\:self-baseline { align-self: baseline; }
  .\32xl\:self-stretch { align-self: stretch; }
  .\32xl\:place-items-start { place-items: start; }
  .\32xl\:place-items-end { place-items: end; }
  .\32xl\:place-items-center { place-items: center; }
  .\32xl\:place-items-baseline { place-items: baseline; }
  .\32xl\:place-items-stretch { place-items: stretch; }
  .\32xl\:place-content-start { place-content: start; }
  .\32xl\:place-content-end { place-content: end; }
  .\32xl\:place-content-center { place-content: center; }
  .\32xl\:place-content-between { place-content: space-between; }
  .\32xl\:place-content-around { place-content: space-around; }
  .\32xl\:place-content-evenly { place-content: space-evenly; }
  .\32xl\:place-content-stretch { place-content: stretch; }
  .\32xl\:place-self-auto { place-self: auto; }
  .\32xl\:place-self-start { place-self: start; }
  .\32xl\:place-self-end { place-self: end; }
  .\32xl\:place-self-center { place-self: center; }
  .\32xl\:place-self-stretch { place-self: stretch; }

  /* Order */
  .\32xl\:order-first { order: -9999; }
  .\32xl\:order-last { order: 9999; }
  .\32xl\:order-none { order: 0; }
  .\32xl\:order-1 { order: 1; }
  .\32xl\:order-2 { order: 2; }
  .\32xl\:order-3 { order: 3; }
  .\32xl\:order-4 { order: 4; }
  .\32xl\:order-5 { order: 5; }
  .\32xl\:order-6 { order: 6; }
  .\32xl\:order-7 { order: 7; }
  .\32xl\:order-8 { order: 8; }
  .\32xl\:order-9 { order: 9; }
  .\32xl\:order-10 { order: 10; }
  .\32xl\:order-11 { order: 11; }
  .\32xl\:order-12 { order: 12; }

  /* Grid */
  .\32xl\:grid-flow-row { grid-auto-flow: row; }
  .\32xl\:grid-flow-col { grid-auto-flow: column; }
  .\32xl\:grid-flow-dense { grid-auto-flow: dense; }
  .\32xl\:grid-flow-row-dense { grid-auto-flow: row dense; }
  .\32xl\:grid-flow-col-dense { grid-auto-flow: column dense; }
  .\32xl\:grid-cols-none { grid-template-columns: none; }
  .\32xl\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .\32xl\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .\32xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .\32xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .\32xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .\32xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
  .\32xl\:grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); }
  .\32xl\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); }
  .\32xl\:grid-cols-9 { grid-template-columns: repeat(9, minmax(0, 1fr)); }
  .\32xl\:grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); }
  .\32xl\:grid-cols-11 { grid-template-columns: repeat(11, minmax(0, 1fr)); }
  .\32xl\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); }
  .\32xl\:grid-rows-none { grid-template-rows: none; }
  .\32xl\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); }
  .\32xl\:grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); }
  .\32xl\:grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); }
  .\32xl\:grid-rows-4 { grid-template-rows: repeat(4, minmax(0, 1fr)); }
  .\32xl\:grid-rows-5 { grid-template-rows: repeat(5, minmax(0, 1fr)); }
  .\32xl\:grid-rows-6 { grid-template-rows: repeat(6, minmax(0, 1fr)); }
  .\32xl\:grid-rows-7 { grid-template-rows: repeat(7, minmax(0, 1fr)); }
  .\32xl\:grid-rows-8 { grid-template-rows: repeat(8, minmax(0, 1fr)); }
  .\32xl\:grid-rows-9 { grid-template-rows: repeat(9, minmax(0, 1fr)); }
  .\32xl\:grid-rows-10 { grid-template-rows: repeat(10, minmax(0, 1fr)); }
  .\32xl\:grid-rows-11 { grid-template-rows: repeat(11, minmax(0, 1fr)); }
  .\32xl\:grid-rows-12 { grid-template-rows: repeat(12, minmax(0, 1fr)); }
  .\32xl\:auto-cols-auto { grid-auto-columns: auto; }
  .\32xl\:auto-cols-min { grid-auto-columns: min-content; }
  .\32xl\:auto-cols-max { grid-auto-columns: max-content; }
  .\32xl\:auto-cols-fr { grid-auto-columns: minmax(0, 1fr); }
  .\32xl\:auto-rows-auto { grid-auto-rows: auto; }
  .\32xl\:auto-rows-min { grid-auto-rows: min-content; }
  .\32xl\:auto-rows-max { grid-auto-rows: max-content; }
  .\32xl\:auto-rows-fr { grid-auto-rows: minmax(0, 1fr); }
  .\32xl\:col-auto { grid-column: auto; }
  .\32xl\:col-span-1 { grid-column: span 1 / span 1; }
  .\32xl\:col-span-2 { grid-column: span 2 / span 2; }
  .\32xl\:col-span-3 { grid-column: span 3 / span 3; }
  .\32xl\:col-span-4 { grid-column: span 4 / span 4; }
  .\32xl\:col-span-5 { grid-column: span 5 / span 5; }
  .\32xl\:col-span-6 { grid-column: span 6 / span 6; }
  .\32xl\:col-span-7 { grid-column: span 7 / span 7; }
  .\32xl\:col-span-8 { grid-column: span 8 / span 8; }
  .\32xl\:col-span-9 { grid-column: span 9 / span 9; }
  .\32xl\:col-span-10 { grid-column: span 10 / span 10; }
  .\32xl\:col-span-11 { grid-column: span 11 / span 11; }
  .\32xl\:col-span-12 { grid-column: span 12 / span 12; }
  .\32xl\:col-span-full { grid-column: 1 / -1; }
  .\32xl\:col-start-auto { grid-column-start: auto; }
  .\32xl\:col-start-1 { grid-column-start: 1; }
  .\32xl\:col-start-2 { grid-column-start: 2; }
  .\32xl\:col-start-3 { grid-column-start: 3; }
  .\32xl\:col-start-4 { grid-column-start: 4; }
  .\32xl\:col-start-5 { grid-column-start: 5; }
  .\32xl\:col-start-6 { grid-column-start: 6; }
  .\32xl\:col-start-7 { grid-column-start: 7; }
  .\32xl\:col-start-8 { grid-column-start: 8; }
  .\32xl\:col-start-9 { grid-column-start: 9; }
  .\32xl\:col-start-10 { grid-column-start: 10; }
  .\32xl\:col-start-11 { grid-column-start: 11; }
  .\32xl\:col-start-12 { grid-column-start: 12; }
  .\32xl\:col-start-13 { grid-column-start: 13; }
  .\32xl\:col-end-auto { grid-column-end: auto; }
  .\32xl\:col-end-1 { grid-column-end: 1; }
  .\32xl\:col-end-2 { grid-column-end: 2; }
  .\32xl\:col-end-3 { grid-column-end: 3; }
  .\32xl\:col-end-4 { grid-column-end: 4; }
  .\32xl\:col-end-5 { grid-column-end: 5; }
  .\32xl\:col-end-6 { grid-column-end: 6; }
  .\32xl\:col-end-7 { grid-column-end: 7; }
  .\32xl\:col-end-8 { grid-column-end: 8; }
  .\32xl\:col-end-9 { grid-column-end: 9; }
  .\32xl\:col-end-10 { grid-column-end: 10; }
  .\32xl\:col-end-11 { grid-column-end: 11; }
  .\32xl\:col-end-12 { grid-column-end: 12; }
  .\32xl\:col-end-13 { grid-column-end: 13; }
  .\32xl\:row-auto { grid-row: auto; }
  .\32xl\:row-span-1 { grid-row: span 1 / span 1; }
  .\32xl\:row-span-2 { grid-row: span 2 / span 2; }
  .\32xl\:row-span-3 { grid-row: span 3 / span 3; }
  .\32xl\:row-span-4 { grid-row: span 4 / span 4; }
  .\32xl\:row-span-5 { grid-row: span 5 / span 5; }
  .\32xl\:row-span-6 { grid-row: span 6 / span 6; }
  .\32xl\:row-span-7 { grid-row: span 7 / span 7; }
  .\32xl\:row-span-8 { grid-row: span 8 / span 8; }
  .\32xl\:row-span-9 { grid-row: span 9 / span 9; }
  .\32xl\:row-span-10 { grid-row: span 10 / span 10; }
  .\32xl\:row-span-11 { grid-row: span 11 / span 11; }
  .\32xl\:row-span-12 { grid-row: span 12 / span 12; }
  .\32xl\:row-span-full { grid-row: 1 / -1; }
  .\32xl\:row-start-auto { grid-row-start: auto; }
  .\32xl\:row-start-1 { grid-row-start: 1; }
  .\32xl\:row-start-2 { grid-row-start: 2; }
  .\32xl\:row-start-3 { grid-row-start: 3; }
  .\32xl\:row-start-4 { grid-row-start: 4; }
  .\32xl\:row-start-5 { grid-row-start: 5; }
  .\32xl\:row-start-6 { grid-row-start: 6; }
  .\32xl\:row-start-7 { grid-row-start: 7; }
  .\32xl\:row-start-8 { grid-row-start: 8; }
  .\32xl\:row-start-9 { grid-row-start: 9; }
  .\32xl\:row-start-10 { grid-row-start: 10; }
  .\32xl\:row-start-11 { grid-row-start: 11; }
  .\32xl\:row-start-12 { grid-row-start: 12; }
  .\32xl\:row-start-13 { grid-row-start: 13; }
  .\32xl\:row-end-auto { grid-row-end: auto; }
  .\32xl\:row-end-1 { grid-row-end: 1; }
  .\32xl\:row-end-2 { grid-row-end: 2; }
  .\32xl\:row-end-3 { grid-row-end: 3; }
  .\32xl\:row-end-4 { grid-row-end: 4; }
  .\32xl\:row-end-5 { grid-row-end: 5; }
  .\32xl\:row-end-6 { grid-row-end: 6; }
  .\32xl\:row-end-7 { grid-row-end: 7; }
  .\32xl\:row-end-8 { grid-row-end: 8; }
  .\32xl\:row-end-9 { grid-row-end: 9; }
  .\32xl\:row-end-10 { grid-row-end: 10; }
  .\32xl\:row-end-11 { grid-row-end: 11; }
  .\32xl\:row-end-12 { grid-row-end: 12; }
  .\32xl\:row-end-13 { grid-row-end: 13; }

  /* Gaps */
  .\32xl\:gap-0 { gap: 0; }
  .\32xl\:gap-5 { gap: var(--size-5); }
  .\32xl\:gap-10 { gap: var(--size-10); }
  .\32xl\:gap-15 { gap: var(--size-15); }
  .\32xl\:gap-16 { gap: var(--size-16); }
  .\32xl\:gap-20 { gap: var(--size-20); }
  .\32xl\:gap-25 { gap: var(--size-25); }
  .\32xl\:gap-30 { gap: var(--size-30); }
  .\32xl\:gap-35 { gap: var(--size-35); }
  .\32xl\:gap-40 { gap: var(--size-40); }
  .\32xl\:gap-45 { gap: var(--size-45); }
  .\32xl\:gap-50 { gap: var(--size-50); }
  .\32xl\:gap-55 { gap: var(--size-55); }
  .\32xl\:gap-60 { gap: var(--size-60); }
  .\32xl\:gap-65 { gap: var(--size-65); }
  .\32xl\:gap-70 { gap: var(--size-70); }
  .\32xl\:gap-75 { gap: var(--size-75); }
  .\32xl\:gap-80 { gap: var(--size-80); }
  .\32xl\:gap-85 { gap: var(--size-85); }
  .\32xl\:gap-90 { gap: var(--size-90); }
  .\32xl\:gap-95 { gap: var(--size-95); }
  .\32xl\:gap-100 { gap: var(--size-100); }
  .\32xl\:gap-x-0 { -moz-column-gap: 0; column-gap: 0; }
  .\32xl\:gap-x-5 { -moz-column-gap: var(--size-5); column-gap: var(--size-5); }
  .\32xl\:gap-x-10 { -moz-column-gap: var(--size-10); column-gap: var(--size-10); }
  .\32xl\:gap-x-15 { -moz-column-gap: var(--size-15); column-gap: var(--size-15); }
  .\32xl\:gap-x-16 { -moz-column-gap: var(--size-16); column-gap: var(--size-16); }
  .\32xl\:gap-x-20 { -moz-column-gap: var(--size-20); column-gap: var(--size-20); }
  .\32xl\:gap-x-25 { -moz-column-gap: var(--size-25); column-gap: var(--size-25); }
  .\32xl\:gap-x-30 { -moz-column-gap: var(--size-30); column-gap: var(--size-30); }
  .\32xl\:gap-x-35 { -moz-column-gap: var(--size-35); column-gap: var(--size-35); }
  .\32xl\:gap-x-40 { -moz-column-gap: var(--size-40); column-gap: var(--size-40); }
  .\32xl\:gap-x-45 { -moz-column-gap: var(--size-45); column-gap: var(--size-45); }
  .\32xl\:gap-x-50 { -moz-column-gap: var(--size-50); column-gap: var(--size-50); }
  .\32xl\:gap-x-55 { -moz-column-gap: var(--size-55); column-gap: var(--size-55); }
  .\32xl\:gap-x-60 { -moz-column-gap: var(--size-60); column-gap: var(--size-60); }
  .\32xl\:gap-x-65 { -moz-column-gap: var(--size-65); column-gap: var(--size-65); }
  .\32xl\:gap-x-70 { -moz-column-gap: var(--size-70); column-gap: var(--size-70); }
  .\32xl\:gap-x-75 { -moz-column-gap: var(--size-75); column-gap: var(--size-75); }
  .\32xl\:gap-x-80 { -moz-column-gap: var(--size-80); column-gap: var(--size-80); }
  .\32xl\:gap-x-85 { -moz-column-gap: var(--size-85); column-gap: var(--size-85); }
  .\32xl\:gap-x-90 { -moz-column-gap: var(--size-90); column-gap: var(--size-90); }
  .\32xl\:gap-x-95 { -moz-column-gap: var(--size-95); column-gap: var(--size-95); }
  .\32xl\:gap-x-100 { -moz-column-gap: var(--size-100); column-gap: var(--size-100); }
  .\32xl\:gap-y-0 { row-gap: 0; }
  .\32xl\:gap-y-5 { row-gap: var(--size-5); }
  .\32xl\:gap-y-10 { row-gap: var(--size-10); }
  .\32xl\:gap-y-15 { row-gap: var(--size-15); }
  .\32xl\:gap-y-16 { row-gap: var(--size-16); }
  .\32xl\:gap-y-20 { row-gap: var(--size-20); }
  .\32xl\:gap-y-25 { row-gap: var(--size-25); }
  .\32xl\:gap-y-30 { row-gap: var(--size-30); }
  .\32xl\:gap-y-35 { row-gap: var(--size-35); }
  .\32xl\:gap-y-40 { row-gap: var(--size-40); }
  .\32xl\:gap-y-45 { row-gap: var(--size-45); }
  .\32xl\:gap-y-50 { row-gap: var(--size-50); }
  .\32xl\:gap-y-55 { row-gap: var(--size-55); }
  .\32xl\:gap-y-60 { row-gap: var(--size-60); }
  .\32xl\:gap-y-65 { row-gap: var(--size-65); }
  .\32xl\:gap-y-70 { row-gap: var(--size-70); }
  .\32xl\:gap-y-75 { row-gap: var(--size-75); }
  .\32xl\:gap-y-80 { row-gap: var(--size-80); }
  .\32xl\:gap-y-85 { row-gap: var(--size-85); }
  .\32xl\:gap-y-90 { row-gap: var(--size-90); }
  .\32xl\:gap-y-95 { row-gap: var(--size-95); }
  .\32xl\:gap-y-100 { row-gap: var(--size-100); }

  /* Space Between Children */
  .\32xl\:space-y-0 > :not(:last-child) { margin-block-end: 0; }
  .\32xl\:space-y-5 > :not(:last-child) { margin-block-end: var(--size-5); }
  .\32xl\:space-y-10 > :not(:last-child) { margin-block-end: var(--size-10); }
  .\32xl\:space-y-15 > :not(:last-child) { margin-block-end: var(--size-15); }
  .\32xl\:space-y-16 > :not(:last-child) { margin-block-end: var(--size-16); }
  .\32xl\:space-y-20 > :not(:last-child) { margin-block-end: var(--size-20); }
  .\32xl\:space-y-25 > :not(:last-child) { margin-block-end: var(--size-25); }
  .\32xl\:space-y-30 > :not(:last-child) { margin-block-end: var(--size-30); }
  .\32xl\:space-y-35 > :not(:last-child) { margin-block-end: var(--size-35); }
  .\32xl\:space-y-40 > :not(:last-child) { margin-block-end: var(--size-40); }
  .\32xl\:space-y-45 > :not(:last-child) { margin-block-end: var(--size-45); }
  .\32xl\:space-y-50 > :not(:last-child) { margin-block-end: var(--size-50); }

  /* Margins */
  .\32xl\:m-0 { margin: 0; }
  .\32xl\:m-5 { margin: var(--size-5); }
  .\32xl\:m-10 { margin: var(--size-10); }
  .\32xl\:m-15 { margin: var(--size-15); }
  .\32xl\:m-16 { margin: var(--size-16); }
  .\32xl\:m-20 { margin: var(--size-20); }
  .\32xl\:m-25 { margin: var(--size-25); }
  .\32xl\:m-30 { margin: var(--size-30); }
  .\32xl\:m-35 { margin: var(--size-35); }
  .\32xl\:m-40 { margin: var(--size-40); }
  .\32xl\:m-45 { margin: var(--size-45); }
  .\32xl\:m-50 { margin: var(--size-50); }
  .\32xl\:m-55 { margin: var(--size-55); }
  .\32xl\:m-60 { margin: var(--size-60); }
  .\32xl\:m-65 { margin: var(--size-65); }
  .\32xl\:m-70 { margin: var(--size-70); }
  .\32xl\:m-75 { margin: var(--size-75); }
  .\32xl\:m-80 { margin: var(--size-80); }
  .\32xl\:m-85 { margin: var(--size-85); }
  .\32xl\:m-90 { margin: var(--size-90); }
  .\32xl\:m-95 { margin: var(--size-95); }
  .\32xl\:m-100 { margin: var(--size-100); }
  .\32xl\:m-auto { margin: auto; }
  .\32xl\:mx-0 { margin-inline: 0; }
  .\32xl\:mx-5 { margin-inline: var(--size-5); }
  .\32xl\:mx-10 { margin-inline: var(--size-10); }
  .\32xl\:mx-15 { margin-inline: var(--size-15); }
  .\32xl\:mx-16 { margin-inline: var(--size-16); }
  .\32xl\:mx-20 { margin-inline: var(--size-20); }
  .\32xl\:mx-25 { margin-inline: var(--size-25); }
  .\32xl\:mx-30 { margin-inline: var(--size-30); }
  .\32xl\:mx-35 { margin-inline: var(--size-35); }
  .\32xl\:mx-40 { margin-inline: var(--size-40); }
  .\32xl\:mx-45 { margin-inline: var(--size-45); }
  .\32xl\:mx-50 { margin-inline: var(--size-50); }
  .\32xl\:mx-55 { margin-inline: var(--size-55); }
  .\32xl\:mx-60 { margin-inline: var(--size-60); }
  .\32xl\:mx-65 { margin-inline: var(--size-65); }
  .\32xl\:mx-70 { margin-inline: var(--size-70); }
  .\32xl\:mx-75 { margin-inline: var(--size-75); }
  .\32xl\:mx-80 { margin-inline: var(--size-80); }
  .\32xl\:mx-85 { margin-inline: var(--size-85); }
  .\32xl\:mx-90 { margin-inline: var(--size-90); }
  .\32xl\:mx-95 { margin-inline: var(--size-95); }
  .\32xl\:mx-100 { margin-inline: var(--size-100); }
  .\32xl\:mx-auto { margin-inline: auto; }
  .\32xl\:my-0 { margin-block: 0; }
  .\32xl\:my-5 { margin-block: var(--size-5); }
  .\32xl\:my-10 { margin-block: var(--size-10); }
  .\32xl\:my-15 { margin-block: var(--size-15); }
  .\32xl\:my-16 { margin-block: var(--size-16); }
  .\32xl\:my-20 { margin-block: var(--size-20); }
  .\32xl\:my-25 { margin-block: var(--size-25); }
  .\32xl\:my-30 { margin-block: var(--size-30); }
  .\32xl\:my-35 { margin-block: var(--size-35); }
  .\32xl\:my-40 { margin-block: var(--size-40); }
  .\32xl\:my-45 { margin-block: var(--size-45); }
  .\32xl\:my-50 { margin-block: var(--size-50); }
  .\32xl\:my-55 { margin-block: var(--size-55); }
  .\32xl\:my-60 { margin-block: var(--size-60); }
  .\32xl\:my-65 { margin-block: var(--size-65); }
  .\32xl\:my-70 { margin-block: var(--size-70); }
  .\32xl\:my-75 { margin-block: var(--size-75); }
  .\32xl\:my-80 { margin-block: var(--size-80); }
  .\32xl\:my-85 { margin-block: var(--size-85); }
  .\32xl\:my-90 { margin-block: var(--size-90); }
  .\32xl\:my-95 { margin-block: var(--size-95); }
  .\32xl\:my-100 { margin-block: var(--size-100); }
  .\32xl\:my-auto { margin-block: auto; }
  .\32xl\:ms-0 { margin-inline-start: 0; }
  .\32xl\:ms-5 { margin-inline-start: var(--size-5); }
  .\32xl\:ms-10 { margin-inline-start: var(--size-10); }
  .\32xl\:ms-15 { margin-inline-start: var(--size-15); }
  .\32xl\:ms-16 { margin-inline-start: var(--size-16); }
  .\32xl\:ms-20 { margin-inline-start: var(--size-20); }
  .\32xl\:ms-25 { margin-inline-start: var(--size-25); }
  .\32xl\:ms-30 { margin-inline-start: var(--size-30); }
  .\32xl\:ms-35 { margin-inline-start: var(--size-35); }
  .\32xl\:ms-40 { margin-inline-start: var(--size-40); }
  .\32xl\:ms-45 { margin-inline-start: var(--size-45); }
  .\32xl\:ms-50 { margin-inline-start: var(--size-50); }
  .\32xl\:ms-55 { margin-inline-start: var(--size-55); }
  .\32xl\:ms-60 { margin-inline-start: var(--size-60); }
  .\32xl\:ms-65 { margin-inline-start: var(--size-65); }
  .\32xl\:ms-70 { margin-inline-start: var(--size-70); }
  .\32xl\:ms-75 { margin-inline-start: var(--size-75); }
  .\32xl\:ms-80 { margin-inline-start: var(--size-80); }
  .\32xl\:ms-85 { margin-inline-start: var(--size-85); }
  .\32xl\:ms-90 { margin-inline-start: var(--size-90); }
  .\32xl\:ms-95 { margin-inline-start: var(--size-95); }
  .\32xl\:ms-100 { margin-inline-start: var(--size-100); }
  .\32xl\:ms-auto { margin-inline-start: auto; }
  .\32xl\:me-0 { margin-inline-end: 0; }
  .\32xl\:me-5 { margin-inline-end: var(--size-5); }
  .\32xl\:me-10 { margin-inline-end: var(--size-10); }
  .\32xl\:me-15 { margin-inline-end: var(--size-15); }
  .\32xl\:me-16 { margin-inline-end: var(--size-16); }
  .\32xl\:me-20 { margin-inline-end: var(--size-20); }
  .\32xl\:me-25 { margin-inline-end: var(--size-25); }
  .\32xl\:me-30 { margin-inline-end: var(--size-30); }
  .\32xl\:me-35 { margin-inline-end: var(--size-35); }
  .\32xl\:me-40 { margin-inline-end: var(--size-40); }
  .\32xl\:me-45 { margin-inline-end: var(--size-45); }
  .\32xl\:me-50 { margin-inline-end: var(--size-50); }
  .\32xl\:me-55 { margin-inline-end: var(--size-55); }
  .\32xl\:me-60 { margin-inline-end: var(--size-60); }
  .\32xl\:me-65 { margin-inline-end: var(--size-65); }
  .\32xl\:me-70 { margin-inline-end: var(--size-70); }
  .\32xl\:me-75 { margin-inline-end: var(--size-75); }
  .\32xl\:me-80 { margin-inline-end: var(--size-80); }
  .\32xl\:me-85 { margin-inline-end: var(--size-85); }
  .\32xl\:me-90 { margin-inline-end: var(--size-90); }
  .\32xl\:me-95 { margin-inline-end: var(--size-95); }
  .\32xl\:me-100 { margin-inline-end: var(--size-100); }
  .\32xl\:me-auto { margin-inline-end: auto; }
  .\32xl\:mt-0 { margin-top: 0; }
  .\32xl\:mt-5 { margin-top: var(--size-5); }
  .\32xl\:mt-10 { margin-top: var(--size-10); }
  .\32xl\:mt-15 { margin-top: var(--size-15); }
  .\32xl\:mt-16 { margin-top: var(--size-16); }
  .\32xl\:mt-20 { margin-top: var(--size-20); }
  .\32xl\:mt-25 { margin-top: var(--size-25); }
  .\32xl\:mt-30 { margin-top: var(--size-30); }
  .\32xl\:mt-35 { margin-top: var(--size-35); }
  .\32xl\:mt-40 { margin-top: var(--size-40); }
  .\32xl\:mt-45 { margin-top: var(--size-45); }
  .\32xl\:mt-50 { margin-top: var(--size-50); }
  .\32xl\:mt-55 { margin-top: var(--size-55); }
  .\32xl\:mt-60 { margin-top: var(--size-60); }
  .\32xl\:mt-65 { margin-top: var(--size-65); }
  .\32xl\:mt-70 { margin-top: var(--size-70); }
  .\32xl\:mt-75 { margin-top: var(--size-75); }
  .\32xl\:mt-80 { margin-top: var(--size-80); }
  .\32xl\:mt-85 { margin-top: var(--size-85); }
  .\32xl\:mt-90 { margin-top: var(--size-90); }
  .\32xl\:mt-95 { margin-top: var(--size-95); }
  .\32xl\:mt-100 { margin-top: var(--size-100); }
  .\32xl\:mt-auto { margin-top: auto; }
  .\32xl\:mr-0 { margin-right: 0; }
  .\32xl\:mr-5 { margin-right: var(--size-5); }
  .\32xl\:mr-10 { margin-right: var(--size-10); }
  .\32xl\:mr-15 { margin-right: var(--size-15); }
  .\32xl\:mr-16 { margin-right: var(--size-16); }
  .\32xl\:mr-20 { margin-right: var(--size-20); }
  .\32xl\:mr-25 { margin-right: var(--size-25); }
  .\32xl\:mr-30 { margin-right: var(--size-30); }
  .\32xl\:mr-35 { margin-right: var(--size-35); }
  .\32xl\:mr-40 { margin-right: var(--size-40); }
  .\32xl\:mr-45 { margin-right: var(--size-45); }
  .\32xl\:mr-50 { margin-right: var(--size-50); }
  .\32xl\:mr-55 { margin-right: var(--size-55); }
  .\32xl\:mr-60 { margin-right: var(--size-60); }
  .\32xl\:mr-65 { margin-right: var(--size-65); }
  .\32xl\:mr-70 { margin-right: var(--size-70); }
  .\32xl\:mr-75 { margin-right: var(--size-75); }
  .\32xl\:mr-80 { margin-right: var(--size-80); }
  .\32xl\:mr-85 { margin-right: var(--size-85); }
  .\32xl\:mr-90 { margin-right: var(--size-90); }
  .\32xl\:mr-95 { margin-right: var(--size-95); }
  .\32xl\:mr-100 { margin-right: var(--size-100); }
  .\32xl\:mr-auto { margin-right: auto; }
  .\32xl\:mb-0 { margin-bottom: 0; }
  .\32xl\:mb-5 { margin-bottom: var(--size-5); }
  .\32xl\:mb-10 { margin-bottom: var(--size-10); }
  .\32xl\:mb-15 { margin-bottom: var(--size-15); }
  .\32xl\:mb-16 { margin-bottom: var(--size-16); }
  .\32xl\:mb-20 { margin-bottom: var(--size-20); }
  .\32xl\:mb-25 { margin-bottom: var(--size-25); }
  .\32xl\:mb-30 { margin-bottom: var(--size-30); }
  .\32xl\:mb-35 { margin-bottom: var(--size-35); }
  .\32xl\:mb-40 { margin-bottom: var(--size-40); }
  .\32xl\:mb-45 { margin-bottom: var(--size-45); }
  .\32xl\:mb-50 { margin-bottom: var(--size-50); }
  .\32xl\:mb-55 { margin-bottom: var(--size-55); }
  .\32xl\:mb-60 { margin-bottom: var(--size-60); }
  .\32xl\:mb-65 { margin-bottom: var(--size-65); }
  .\32xl\:mb-70 { margin-bottom: var(--size-70); }
  .\32xl\:mb-75 { margin-bottom: var(--size-75); }
  .\32xl\:mb-80 { margin-bottom: var(--size-80); }
  .\32xl\:mb-85 { margin-bottom: var(--size-85); }
  .\32xl\:mb-90 { margin-bottom: var(--size-90); }
  .\32xl\:mb-95 { margin-bottom: var(--size-95); }
  .\32xl\:mb-100 { margin-bottom: var(--size-100); }
  .\32xl\:mb-auto { margin-bottom: auto; }
  .\32xl\:ml-0 { margin-left: 0; }
  .\32xl\:ml-5 { margin-left: var(--size-5); }
  .\32xl\:ml-10 { margin-left: var(--size-10); }
  .\32xl\:ml-15 { margin-left: var(--size-15); }
  .\32xl\:ml-16 { margin-left: var(--size-16); }
  .\32xl\:ml-20 { margin-left: var(--size-20); }
  .\32xl\:ml-25 { margin-left: var(--size-25); }
  .\32xl\:ml-30 { margin-left: var(--size-30); }
  .\32xl\:ml-35 { margin-left: var(--size-35); }
  .\32xl\:ml-40 { margin-left: var(--size-40); }
  .\32xl\:ml-45 { margin-left: var(--size-45); }
  .\32xl\:ml-50 { margin-left: var(--size-50); }
  .\32xl\:ml-55 { margin-left: var(--size-55); }
  .\32xl\:ml-60 { margin-left: var(--size-60); }
  .\32xl\:ml-65 { margin-left: var(--size-65); }
  .\32xl\:ml-70 { margin-left: var(--size-70); }
  .\32xl\:ml-75 { margin-left: var(--size-75); }
  .\32xl\:ml-80 { margin-left: var(--size-80); }
  .\32xl\:ml-85 { margin-left: var(--size-85); }
  .\32xl\:ml-90 { margin-left: var(--size-90); }
  .\32xl\:ml-95 { margin-left: var(--size-95); }
  .\32xl\:ml-100 { margin-left: var(--size-100); }
  .\32xl\:ml-auto { margin-left: auto; }

  /* Paddings */
  .\32xl\:p-0 { padding: 0; }
  .\32xl\:p-5 { padding: var(--size-5); }
  .\32xl\:p-10 { padding: var(--size-10); }
  .\32xl\:p-15 { padding: var(--size-15); }
  .\32xl\:p-16 { padding: var(--size-16); }
  .\32xl\:p-20 { padding: var(--size-20); }
  .\32xl\:p-25 { padding: var(--size-25); }
  .\32xl\:p-30 { padding: var(--size-30); }
  .\32xl\:p-35 { padding: var(--size-35); }
  .\32xl\:p-40 { padding: var(--size-40); }
  .\32xl\:p-45 { padding: var(--size-45); }
  .\32xl\:p-50 { padding: var(--size-50); }
  .\32xl\:p-55 { padding: var(--size-55); }
  .\32xl\:p-60 { padding: var(--size-60); }
  .\32xl\:p-65 { padding: var(--size-65); }
  .\32xl\:p-70 { padding: var(--size-70); }
  .\32xl\:p-75 { padding: var(--size-75); }
  .\32xl\:p-80 { padding: var(--size-80); }
  .\32xl\:p-85 { padding: var(--size-85); }
  .\32xl\:p-90 { padding: var(--size-90); }
  .\32xl\:p-95 { padding: var(--size-95); }
  .\32xl\:p-100 { padding: var(--size-100); }
  .\32xl\:px-0 { padding-inline: 0; }
  .\32xl\:px-5 { padding-inline: var(--size-5); }
  .\32xl\:px-10 { padding-inline: var(--size-10); }
  .\32xl\:px-15 { padding-inline: var(--size-15); }
  .\32xl\:px-16 { padding-inline: var(--size-16); }
  .\32xl\:px-20 { padding-inline: var(--size-20); }
  .\32xl\:px-25 { padding-inline: var(--size-25); }
  .\32xl\:px-30 { padding-inline: var(--size-30); }
  .\32xl\:px-35 { padding-inline: var(--size-35); }
  .\32xl\:px-40 { padding-inline: var(--size-40); }
  .\32xl\:px-45 { padding-inline: var(--size-45); }
  .\32xl\:px-50 { padding-inline: var(--size-50); }
  .\32xl\:px-55 { padding-inline: var(--size-55); }
  .\32xl\:px-60 { padding-inline: var(--size-60); }
  .\32xl\:px-65 { padding-inline: var(--size-65); }
  .\32xl\:px-70 { padding-inline: var(--size-70); }
  .\32xl\:px-75 { padding-inline: var(--size-75); }
  .\32xl\:px-80 { padding-inline: var(--size-80); }
  .\32xl\:px-85 { padding-inline: var(--size-85); }
  .\32xl\:px-90 { padding-inline: var(--size-90); }
  .\32xl\:px-95 { padding-inline: var(--size-95); }
  .\32xl\:px-100 { padding-inline: var(--size-100); }
  .\32xl\:py-0 { padding-block: 0; }
  .\32xl\:py-5 { padding-block: var(--size-5); }
  .\32xl\:py-10 { padding-block: var(--size-10); }
  .\32xl\:py-15 { padding-block: var(--size-15); }
  .\32xl\:py-16 { padding-block: var(--size-16); }
  .\32xl\:py-20 { padding-block: var(--size-20); }
  .\32xl\:py-25 { padding-block: var(--size-25); }
  .\32xl\:py-30 { padding-block: var(--size-30); }
  .\32xl\:py-35 { padding-block: var(--size-35); }
  .\32xl\:py-40 { padding-block: var(--size-40); }
  .\32xl\:py-45 { padding-block: var(--size-45); }
  .\32xl\:py-50 { padding-block: var(--size-50); }
  .\32xl\:py-55 { padding-block: var(--size-55); }
  .\32xl\:py-60 { padding-block: var(--size-60); }
  .\32xl\:py-65 { padding-block: var(--size-65); }
  .\32xl\:py-70 { padding-block: var(--size-70); }
  .\32xl\:py-75 { padding-block: var(--size-75); }
  .\32xl\:py-80 { padding-block: var(--size-80); }
  .\32xl\:py-85 { padding-block: var(--size-85); }
  .\32xl\:py-90 { padding-block: var(--size-90); }
  .\32xl\:py-95 { padding-block: var(--size-95); }
  .\32xl\:py-100 { padding-block: var(--size-100); }
  .\32xl\:ps-0 { padding-inline-start: 0; }
  .\32xl\:ps-5 { padding-inline-start: var(--size-5); }
  .\32xl\:ps-10 { padding-inline-start: var(--size-10); }
  .\32xl\:ps-15 { padding-inline-start: var(--size-15); }
  .\32xl\:ps-16 { padding-inline-start: var(--size-16); }
  .\32xl\:ps-20 { padding-inline-start: var(--size-20); }
  .\32xl\:ps-25 { padding-inline-start: var(--size-25); }
  .\32xl\:ps-30 { padding-inline-start: var(--size-30); }
  .\32xl\:ps-35 { padding-inline-start: var(--size-35); }
  .\32xl\:ps-40 { padding-inline-start: var(--size-40); }
  .\32xl\:ps-45 { padding-inline-start: var(--size-45); }
  .\32xl\:ps-50 { padding-inline-start: var(--size-50); }
  .\32xl\:ps-55 { padding-inline-start: var(--size-55); }
  .\32xl\:ps-60 { padding-inline-start: var(--size-60); }
  .\32xl\:ps-65 { padding-inline-start: var(--size-65); }
  .\32xl\:ps-70 { padding-inline-start: var(--size-70); }
  .\32xl\:ps-75 { padding-inline-start: var(--size-75); }
  .\32xl\:ps-80 { padding-inline-start: var(--size-80); }
  .\32xl\:ps-85 { padding-inline-start: var(--size-85); }
  .\32xl\:ps-90 { padding-inline-start: var(--size-90); }
  .\32xl\:ps-95 { padding-inline-start: var(--size-95); }
  .\32xl\:ps-100 { padding-inline-start: var(--size-100); }
  .\32xl\:pe-0 { padding-inline-end: 0; }
  .\32xl\:pe-5 { padding-inline-end: var(--size-5); }
  .\32xl\:pe-10 { padding-inline-end: var(--size-10); }
  .\32xl\:pe-15 { padding-inline-end: var(--size-15); }
  .\32xl\:pe-16 { padding-inline-end: var(--size-16); }
  .\32xl\:pe-20 { padding-inline-end: var(--size-20); }
  .\32xl\:pe-25 { padding-inline-end: var(--size-25); }
  .\32xl\:pe-30 { padding-inline-end: var(--size-30); }
  .\32xl\:pe-35 { padding-inline-end: var(--size-35); }
  .\32xl\:pe-40 { padding-inline-end: var(--size-40); }
  .\32xl\:pe-45 { padding-inline-end: var(--size-45); }
  .\32xl\:pe-50 { padding-inline-end: var(--size-50); }
  .\32xl\:pe-55 { padding-inline-end: var(--size-55); }
  .\32xl\:pe-60 { padding-inline-end: var(--size-60); }
  .\32xl\:pe-65 { padding-inline-end: var(--size-65); }
  .\32xl\:pe-70 { padding-inline-end: var(--size-70); }
  .\32xl\:pe-75 { padding-inline-end: var(--size-75); }
  .\32xl\:pe-80 { padding-inline-end: var(--size-80); }
  .\32xl\:pe-85 { padding-inline-end: var(--size-85); }
  .\32xl\:pe-90 { padding-inline-end: var(--size-90); }
  .\32xl\:pe-95 { padding-inline-end: var(--size-95); }
  .\32xl\:pe-100 { padding-inline-end: var(--size-100); }
  .\32xl\:pt-0 { padding-top: 0; }
  .\32xl\:pt-5 { padding-top: var(--size-5); }
  .\32xl\:pt-10 { padding-top: var(--size-10); }
  .\32xl\:pt-15 { padding-top: var(--size-15); }
  .\32xl\:pt-16 { padding-top: var(--size-16); }
  .\32xl\:pt-20 { padding-top: var(--size-20); }
  .\32xl\:pt-25 { padding-top: var(--size-25); }
  .\32xl\:pt-30 { padding-top: var(--size-30); }
  .\32xl\:pt-35 { padding-top: var(--size-35); }
  .\32xl\:pt-40 { padding-top: var(--size-40); }
  .\32xl\:pt-45 { padding-top: var(--size-45); }
  .\32xl\:pt-50 { padding-top: var(--size-50); }
  .\32xl\:pt-55 { padding-top: var(--size-55); }
  .\32xl\:pt-60 { padding-top: var(--size-60); }
  .\32xl\:pt-65 { padding-top: var(--size-65); }
  .\32xl\:pt-70 { padding-top: var(--size-70); }
  .\32xl\:pt-75 { padding-top: var(--size-75); }
  .\32xl\:pt-80 { padding-top: var(--size-80); }
  .\32xl\:pt-85 { padding-top: var(--size-85); }
  .\32xl\:pt-90 { padding-top: var(--size-90); }
  .\32xl\:pt-95 { padding-top: var(--size-95); }
  .\32xl\:pt-100 { padding-top: var(--size-100); }
  .\32xl\:pr-0 { padding-right: 0; }
  .\32xl\:pr-5 { padding-right: var(--size-5); }
  .\32xl\:pr-10 { padding-right: var(--size-10); }
  .\32xl\:pr-15 { padding-right: var(--size-15); }
  .\32xl\:pr-16 { padding-right: var(--size-16); }
  .\32xl\:pr-20 { padding-right: var(--size-20); }
  .\32xl\:pr-25 { padding-right: var(--size-25); }
  .\32xl\:pr-30 { padding-right: var(--size-30); }
  .\32xl\:pr-35 { padding-right: var(--size-35); }
  .\32xl\:pr-40 { padding-right: var(--size-40); }
  .\32xl\:pr-45 { padding-right: var(--size-45); }
  .\32xl\:pr-50 { padding-right: var(--size-50); }
  .\32xl\:pr-55 { padding-right: var(--size-55); }
  .\32xl\:pr-60 { padding-right: var(--size-60); }
  .\32xl\:pr-65 { padding-right: var(--size-65); }
  .\32xl\:pr-70 { padding-right: var(--size-70); }
  .\32xl\:pr-75 { padding-right: var(--size-75); }
  .\32xl\:pr-80 { padding-right: var(--size-80); }
  .\32xl\:pr-85 { padding-right: var(--size-85); }
  .\32xl\:pr-90 { padding-right: var(--size-90); }
  .\32xl\:pr-95 { padding-right: var(--size-95); }
  .\32xl\:pr-100 { padding-right: var(--size-100); }
  .\32xl\:pb-0 { padding-bottom: 0; }
  .\32xl\:pb-5 { padding-bottom: var(--size-5); }
  .\32xl\:pb-10 { padding-bottom: var(--size-10); }
  .\32xl\:pb-15 { padding-bottom: var(--size-15); }
  .\32xl\:pb-16 { padding-bottom: var(--size-16); }
  .\32xl\:pb-20 { padding-bottom: var(--size-20); }
  .\32xl\:pb-25 { padding-bottom: var(--size-25); }
  .\32xl\:pb-30 { padding-bottom: var(--size-30); }
  .\32xl\:pb-35 { padding-bottom: var(--size-35); }
  .\32xl\:pb-40 { padding-bottom: var(--size-40); }
  .\32xl\:pb-45 { padding-bottom: var(--size-45); }
  .\32xl\:pb-50 { padding-bottom: var(--size-50); }
  .\32xl\:pb-55 { padding-bottom: var(--size-55); }
  .\32xl\:pb-60 { padding-bottom: var(--size-60); }
  .\32xl\:pb-65 { padding-bottom: var(--size-65); }
  .\32xl\:pb-70 { padding-bottom: var(--size-70); }
  .\32xl\:pb-75 { padding-bottom: var(--size-75); }
  .\32xl\:pb-80 { padding-bottom: var(--size-80); }
  .\32xl\:pb-85 { padding-bottom: var(--size-85); }
  .\32xl\:pb-90 { padding-bottom: var(--size-90); }
  .\32xl\:pb-95 { padding-bottom: var(--size-95); }
  .\32xl\:pb-100 { padding-bottom: var(--size-100); }
  .\32xl\:pl-0 { padding-left: 0; }
  .\32xl\:pl-5 { padding-left: var(--size-5); }
  .\32xl\:pl-10 { padding-left: var(--size-10); }
  .\32xl\:pl-15 { padding-left: var(--size-15); }
  .\32xl\:pl-16 { padding-left: var(--size-16); }
  .\32xl\:pl-20 { padding-left: var(--size-20); }
  .\32xl\:pl-25 { padding-left: var(--size-25); }
  .\32xl\:pl-30 { padding-left: var(--size-30); }
  .\32xl\:pl-35 { padding-left: var(--size-35); }
  .\32xl\:pl-40 { padding-left: var(--size-40); }
  .\32xl\:pl-45 { padding-left: var(--size-45); }
  .\32xl\:pl-50 { padding-left: var(--size-50); }
  .\32xl\:pl-55 { padding-left: var(--size-55); }
  .\32xl\:pl-60 { padding-left: var(--size-60); }
  .\32xl\:pl-65 { padding-left: var(--size-65); }
  .\32xl\:pl-70 { padding-left: var(--size-70); }
  .\32xl\:pl-75 { padding-left: var(--size-75); }
  .\32xl\:pl-80 { padding-left: var(--size-80); }
  .\32xl\:pl-85 { padding-left: var(--size-85); }
  .\32xl\:pl-90 { padding-left: var(--size-90); }
  .\32xl\:pl-95 { padding-left: var(--size-95); }
  .\32xl\:pl-100 { padding-left: var(--size-100); }

  /* Typography */
  :is(.\32xl\:h1, .\32xl\:h2, .\32xl\:h3, .\32xl\:h4, .\32xl\:h5, .\32xl\:h6) > :where(h1, h2, h3, h4, h5, h6):where(:not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6)) { font-size: inherit; }
  .\32xl\:h1 { font-size: var(--h1-size); }
  .\32xl\:h2 { font-size: var(--h2-size); }
  .\32xl\:h3 { font-size: var(--h3-size); }
  .\32xl\:h4 { font-size: var(--h4-size); }
  .\32xl\:h5 { font-size: var(--h5-size); }
  .\32xl\:h6 { font-size: var(--h6-size); }
  .\32xl\:text-2xl { font-size: var(--text-2xl); }
  .\32xl\:text-xl { font-size: var(--text-xl); }
  .\32xl\:text-lg { font-size: var(--text-lg); }
  .\32xl\:text-md { font-size: var(--text-md); }
  .\32xl\:text-base { font-size: var(--text-base); }
  .\32xl\:text-sm { font-size: var(--text-sm); }
  .\32xl\:text-xs { font-size: var(--text-xs); }
  .\32xl\:leading-tight { line-height: var(--leading-tight); }
  .\32xl\:leading-snug { line-height: var(--leading-snug); }
  .\32xl\:leading-normal { line-height: var(--leading-normal); }
  .\32xl\:leading-relaxed { line-height: var(--leading-relaxed); }
  .\32xl\:leading-loose { line-height: var(--leading-loose); }
  .\32xl\:tracking-tighter { letter-spacing: var(--tracking-tighter); }
  .\32xl\:tracking-tight { letter-spacing: var(--tracking-tight); }
  .\32xl\:tracking-normal { letter-spacing: var(--tracking-normal); }
  .\32xl\:tracking-wide { letter-spacing: var(--tracking-wide); }
  .\32xl\:tracking-wider { letter-spacing: var(--tracking-wider); }
  .\32xl\:tracking-widest { letter-spacing: var(--tracking-widest); }

  /* Radius */
  .\32xl\:rounded-none { border-radius: 0; }
  .\32xl\:rounded-xs { border-radius: var(--radius-xs); }
  .\32xl\:rounded-sm { border-radius: var(--radius-sm); }
  .\32xl\:rounded-md { border-radius: var(--radius-md); }
  .\32xl\:rounded-lg { border-radius: var(--radius-lg); }
  .\32xl\:rounded-xl { border-radius: var(--radius-xl); }
  .\32xl\:rounded-2xl { border-radius: var(--radius-2xl); }
  .\32xl\:rounded-3xl { border-radius: var(--radius-3xl); }
  .\32xl\:rounded-4xl { border-radius: var(--radius-4xl); }
  .\32xl\:rounded-full { border-radius: 9999px; }

  /* Lists, Interaction & Object Fit */
  .\32xl\:list-none { list-style-type: none; }
  .\32xl\:pointer-events-none { pointer-events: none; }
  .\32xl\:pointer-events-auto { pointer-events: auto; }
  .\32xl\:object-contain { -o-object-fit: contain; object-fit: contain; }
  .\32xl\:object-cover { -o-object-fit: cover; object-fit: cover; }
  .\32xl\:object-fill { -o-object-fit: fill; object-fit: fill; }
  .\32xl\:object-none { -o-object-fit: none; object-fit: none; }
  .\32xl\:object-scale-down { -o-object-fit: scale-down; object-fit: scale-down; }
  .\32xl\:object-center { -o-object-position: center; object-position: center; }

  /* Opacity */
  .\32xl\:opacity-0 { opacity: 0%; }
  .\32xl\:opacity-1 { opacity: 1%; }
  .\32xl\:opacity-2 { opacity: 2%; }
  .\32xl\:opacity-3 { opacity: 3%; }
  .\32xl\:opacity-4 { opacity: 4%; }
  .\32xl\:opacity-5 { opacity: 5%; }
  .\32xl\:opacity-6 { opacity: 6%; }
  .\32xl\:opacity-7 { opacity: 7%; }
  .\32xl\:opacity-8 { opacity: 8%; }
  .\32xl\:opacity-9 { opacity: 9%; }
  .\32xl\:opacity-10 { opacity: 10%; }
  .\32xl\:opacity-11 { opacity: 11%; }
  .\32xl\:opacity-12 { opacity: 12%; }
  .\32xl\:opacity-13 { opacity: 13%; }
  .\32xl\:opacity-14 { opacity: 14%; }
  .\32xl\:opacity-15 { opacity: 15%; }
  .\32xl\:opacity-16 { opacity: 16%; }
  .\32xl\:opacity-17 { opacity: 17%; }
  .\32xl\:opacity-18 { opacity: 18%; }
  .\32xl\:opacity-19 { opacity: 19%; }
  .\32xl\:opacity-20 { opacity: 20%; }
  .\32xl\:opacity-21 { opacity: 21%; }
  .\32xl\:opacity-22 { opacity: 22%; }
  .\32xl\:opacity-23 { opacity: 23%; }
  .\32xl\:opacity-24 { opacity: 24%; }
  .\32xl\:opacity-25 { opacity: 25%; }
  .\32xl\:opacity-26 { opacity: 26%; }
  .\32xl\:opacity-27 { opacity: 27%; }
  .\32xl\:opacity-28 { opacity: 28%; }
  .\32xl\:opacity-29 { opacity: 29%; }
  .\32xl\:opacity-30 { opacity: 30%; }
  .\32xl\:opacity-31 { opacity: 31%; }
  .\32xl\:opacity-32 { opacity: 32%; }
  .\32xl\:opacity-33 { opacity: 33%; }
  .\32xl\:opacity-34 { opacity: 34%; }
  .\32xl\:opacity-35 { opacity: 35%; }
  .\32xl\:opacity-36 { opacity: 36%; }
  .\32xl\:opacity-37 { opacity: 37%; }
  .\32xl\:opacity-38 { opacity: 38%; }
  .\32xl\:opacity-39 { opacity: 39%; }
  .\32xl\:opacity-40 { opacity: 40%; }
  .\32xl\:opacity-41 { opacity: 41%; }
  .\32xl\:opacity-42 { opacity: 42%; }
  .\32xl\:opacity-43 { opacity: 43%; }
  .\32xl\:opacity-44 { opacity: 44%; }
  .\32xl\:opacity-45 { opacity: 45%; }
  .\32xl\:opacity-46 { opacity: 46%; }
  .\32xl\:opacity-47 { opacity: 47%; }
  .\32xl\:opacity-48 { opacity: 48%; }
  .\32xl\:opacity-49 { opacity: 49%; }
  .\32xl\:opacity-50 { opacity: 50%; }
  .\32xl\:opacity-51 { opacity: 51%; }
  .\32xl\:opacity-52 { opacity: 52%; }
  .\32xl\:opacity-53 { opacity: 53%; }
  .\32xl\:opacity-54 { opacity: 54%; }
  .\32xl\:opacity-55 { opacity: 55%; }
  .\32xl\:opacity-56 { opacity: 56%; }
  .\32xl\:opacity-57 { opacity: 57%; }
  .\32xl\:opacity-58 { opacity: 58%; }
  .\32xl\:opacity-59 { opacity: 59%; }
  .\32xl\:opacity-60 { opacity: 60%; }
  .\32xl\:opacity-61 { opacity: 61%; }
  .\32xl\:opacity-62 { opacity: 62%; }
  .\32xl\:opacity-63 { opacity: 63%; }
  .\32xl\:opacity-64 { opacity: 64%; }
  .\32xl\:opacity-65 { opacity: 65%; }
  .\32xl\:opacity-66 { opacity: 66%; }
  .\32xl\:opacity-67 { opacity: 67%; }
  .\32xl\:opacity-68 { opacity: 68%; }
  .\32xl\:opacity-69 { opacity: 69%; }
  .\32xl\:opacity-70 { opacity: 70%; }
  .\32xl\:opacity-71 { opacity: 71%; }
  .\32xl\:opacity-72 { opacity: 72%; }
  .\32xl\:opacity-73 { opacity: 73%; }
  .\32xl\:opacity-74 { opacity: 74%; }
  .\32xl\:opacity-75 { opacity: 75%; }
  .\32xl\:opacity-76 { opacity: 76%; }
  .\32xl\:opacity-77 { opacity: 77%; }
  .\32xl\:opacity-78 { opacity: 78%; }
  .\32xl\:opacity-79 { opacity: 79%; }
  .\32xl\:opacity-80 { opacity: 80%; }
  .\32xl\:opacity-81 { opacity: 81%; }
  .\32xl\:opacity-82 { opacity: 82%; }
  .\32xl\:opacity-83 { opacity: 83%; }
  .\32xl\:opacity-84 { opacity: 84%; }
  .\32xl\:opacity-85 { opacity: 85%; }
  .\32xl\:opacity-86 { opacity: 86%; }
  .\32xl\:opacity-87 { opacity: 87%; }
  .\32xl\:opacity-88 { opacity: 88%; }
  .\32xl\:opacity-89 { opacity: 89%; }
  .\32xl\:opacity-90 { opacity: 90%; }
  .\32xl\:opacity-91 { opacity: 91%; }
  .\32xl\:opacity-92 { opacity: 92%; }
  .\32xl\:opacity-93 { opacity: 93%; }
  .\32xl\:opacity-94 { opacity: 94%; }
  .\32xl\:opacity-95 { opacity: 95%; }
  .\32xl\:opacity-96 { opacity: 96%; }
  .\32xl\:opacity-97 { opacity: 97%; }
  .\32xl\:opacity-98 { opacity: 98%; }
  .\32xl\:opacity-99 { opacity: 99%; }
  .\32xl\:opacity-100 { opacity: 100%; }

  /* Transitions */
  .\32xl\:transition { transition-property: all; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .\32xl\:transition-colors { transition-property: color, background-color; transition-duration: var(--transition-duration); transition-timing-function: var(--transition-timing-function); }
  .\32xl\:duration-200 { transition-duration: var(--transition-duration); }
  .\32xl\:ease-out { transition-timing-function: var(--transition-timing-function); }
}