/* ===================================================================
   FICHEIRO 5: DESKTOP-WIDESCREEN + WIDESCREEN - Classes dw- e w-
   DW: ≥1025px (desktop + widescreen combined)
   W: ≥1920px (widescreen only)
   =================================================================== */

/* ===== PLACEHOLDER CLASSES - DW (DESKTOP + WIDESCREEN) ===== */

/* DW Margins - All sides */
.dw-margin-0 { }
.dw-margin-3xs { }
.dw-margin-2xs { }
.dw-margin-xs { }
.dw-margin-s { }
.dw-margin-m { }
.dw-margin-l { }
.dw-margin-xl { }
.dw-margin-2xl { }
.dw-margin-3xl { }

/* DW Margins - Individual sides */
.dw-margin-top-0 { }
.dw-margin-top-3xs { }
.dw-margin-top-2xs { }
.dw-margin-top-xs { }
.dw-margin-top-s { }
.dw-margin-top-m { }
.dw-margin-top-l { }
.dw-margin-top-xl { }
.dw-margin-top-2xl { }
.dw-margin-top-3xl { }

.dw-margin-right-0 { }
.dw-margin-right-3xs { }
.dw-margin-right-2xs { }
.dw-margin-right-xs { }
.dw-margin-right-s { }
.dw-margin-right-m { }
.dw-margin-right-l { }
.dw-margin-right-xl { }
.dw-margin-right-2xl { }
.dw-margin-right-3xl { }

.dw-margin-bottom-0 { }
.dw-margin-bottom-3xs { }
.dw-margin-bottom-2xs { }
.dw-margin-bottom-xs { }
.dw-margin-bottom-s { }
.dw-margin-bottom-m { }
.dw-margin-bottom-l { }
.dw-margin-bottom-xl { }
.dw-margin-bottom-2xl { }
.dw-margin-bottom-3xl { }

.dw-margin-left-0 { }
.dw-margin-left-3xs { }
.dw-margin-left-2xs { }
.dw-margin-left-xs { }
.dw-margin-left-s { }
.dw-margin-left-m { }
.dw-margin-left-l { }
.dw-margin-left-xl { }
.dw-margin-left-2xl { }
.dw-margin-left-3xl { }

/* DW Margins - Inline/Block */
.dw-margin-inline-0 { }
.dw-margin-inline-3xs { }
.dw-margin-inline-2xs { }
.dw-margin-inline-xs { }
.dw-margin-inline-s { }
.dw-margin-inline-m { }
.dw-margin-inline-l { }
.dw-margin-inline-xl { }
.dw-margin-inline-2xl { }
.dw-margin-inline-3xl { }

.dw-margin-block-0 { }
.dw-margin-block-3xs { }
.dw-margin-block-2xs { }
.dw-margin-block-xs { }
.dw-margin-block-s { }
.dw-margin-block-m { }
.dw-margin-block-l { }
.dw-margin-block-xl { }
.dw-margin-block-2xl { }
.dw-margin-block-3xl { }

/* DW Paddings - All sides */
.dw-padding-0 { }
.dw-padding-3xs { }
.dw-padding-2xs { }
.dw-padding-xs { }
.dw-padding-s { }
.dw-padding-m { }
.dw-padding-l { }
.dw-padding-xl { }
.dw-padding-2xl { }
.dw-padding-3xl { }

/* DW Paddings - Individual sides */
.dw-padding-top-0 { }
.dw-padding-top-3xs { }
.dw-padding-top-2xs { }
.dw-padding-top-xs { }
.dw-padding-top-s { }
.dw-padding-top-m { }
.dw-padding-top-l { }
.dw-padding-top-xl { }
.dw-padding-top-2xl { }
.dw-padding-top-3xl { }

.dw-padding-right-0 { }
.dw-padding-right-3xs { }
.dw-padding-right-2xs { }
.dw-padding-right-xs { }
.dw-padding-right-s { }
.dw-padding-right-m { }
.dw-padding-right-l { }
.dw-padding-right-xl { }
.dw-padding-right-2xl { }
.dw-padding-right-3xl { }

.dw-padding-bottom-0 { }
.dw-padding-bottom-3xs { }
.dw-padding-bottom-2xs { }
.dw-padding-bottom-xs { }
.dw-padding-bottom-s { }
.dw-padding-bottom-m { }
.dw-padding-bottom-l { }
.dw-padding-bottom-xl { }
.dw-padding-bottom-2xl { }
.dw-padding-bottom-3xl { }

.dw-padding-left-0 { }
.dw-padding-left-3xs { }
.dw-padding-left-2xs { }
.dw-padding-left-xs { }
.dw-padding-left-s { }
.dw-padding-left-m { }
.dw-padding-left-l { }
.dw-padding-left-xl { }
.dw-padding-left-2xl { }
.dw-padding-left-3xl { }

/* DW Paddings - Inline/Block */
.dw-padding-inline-0 { }
.dw-padding-inline-3xs { }
.dw-padding-inline-2xs { }
.dw-padding-inline-xs { }
.dw-padding-inline-s { }
.dw-padding-inline-m { }
.dw-padding-inline-l { }
.dw-padding-inline-xl { }
.dw-padding-inline-2xl { }
.dw-padding-inline-3xl { }

.dw-padding-block-0 { }
.dw-padding-block-3xs { }
.dw-padding-block-2xs { }
.dw-padding-block-xs { }
.dw-padding-block-s { }
.dw-padding-block-m { }
.dw-padding-block-l { }
.dw-padding-block-xl { }
.dw-padding-block-2xl { }
.dw-padding-block-3xl { }

/* DW Border Width */
.dw-border-0 { }
.dw-border-1 { }
.dw-border-top-0 { }
.dw-border-top-1 { }
.dw-border-right-0 { }
.dw-border-right-1 { }
.dw-border-bottom-0 { }
.dw-border-bottom-1 { }
.dw-border-left-0 { }
.dw-border-left-1 { }
.dw-border-inline-0 { }
.dw-border-inline-1 { }
.dw-border-block-0 { }
.dw-border-block-1 { }

/* ===== PLACEHOLDER CLASSES - W (WIDESCREEN ONLY) ===== */

/* W Margins - All sides */
.w-margin-0 { }
.w-margin-3xs { }
.w-margin-2xs { }
.w-margin-xs { }
.w-margin-s { }
.w-margin-m { }
.w-margin-l { }
.w-margin-xl { }
.w-margin-2xl { }
.w-margin-3xl { }

/* W Margins - Individual sides */
.w-margin-top-0 { }
.w-margin-top-3xs { }
.w-margin-top-2xs { }
.w-margin-top-xs { }
.w-margin-top-s { }
.w-margin-top-m { }
.w-margin-top-l { }
.w-margin-top-xl { }
.w-margin-top-2xl { }
.w-margin-top-3xl { }

.w-margin-right-0 { }
.w-margin-right-3xs { }
.w-margin-right-2xs { }
.w-margin-right-xs { }
.w-margin-right-s { }
.w-margin-right-m { }
.w-margin-right-l { }
.w-margin-right-xl { }
.w-margin-right-2xl { }
.w-margin-right-3xl { }

.w-margin-bottom-0 { }
.w-margin-bottom-3xs { }
.w-margin-bottom-2xs { }
.w-margin-bottom-xs { }
.w-margin-bottom-s { }
.w-margin-bottom-m { }
.w-margin-bottom-l { }
.w-margin-bottom-xl { }
.w-margin-bottom-2xl { }
.w-margin-bottom-3xl { }

.w-margin-left-0 { }
.w-margin-left-3xs { }
.w-margin-left-2xs { }
.w-margin-left-xs { }
.w-margin-left-s { }
.w-margin-left-m { }
.w-margin-left-l { }
.w-margin-left-xl { }
.w-margin-left-2xl { }
.w-margin-left-3xl { }

/* W Margins - Inline/Block */
.w-margin-inline-0 { }
.w-margin-inline-3xs { }
.w-margin-inline-2xs { }
.w-margin-inline-xs { }
.w-margin-inline-s { }
.w-margin-inline-m { }
.w-margin-inline-l { }
.w-margin-inline-xl { }
.w-margin-inline-2xl { }
.w-margin-inline-3xl { }

.w-margin-block-0 { }
.w-margin-block-3xs { }
.w-margin-block-2xs { }
.w-margin-block-xs { }
.w-margin-block-s { }
.w-margin-block-m { }
.w-margin-block-l { }
.w-margin-block-xl { }
.w-margin-block-2xl { }
.w-margin-block-3xl { }

/* W Paddings - All sides */
.w-padding-0 { }
.w-padding-3xs { }
.w-padding-2xs { }
.w-padding-xs { }
.w-padding-s { }
.w-padding-m { }
.w-padding-l { }
.w-padding-xl { }
.w-padding-2xl { }
.w-padding-3xl { }

/* W Paddings - Individual sides */
.w-padding-top-0 { }
.w-padding-top-3xs { }
.w-padding-top-2xs { }
.w-padding-top-xs { }
.w-padding-top-s { }
.w-padding-top-m { }
.w-padding-top-l { }
.w-padding-top-xl { }
.w-padding-top-2xl { }
.w-padding-top-3xl { }

.w-padding-right-0 { }
.w-padding-right-3xs { }
.w-padding-right-2xs { }
.w-padding-right-xs { }
.w-padding-right-s { }
.w-padding-right-m { }
.w-padding-right-l { }
.w-padding-right-xl { }
.w-padding-right-2xl { }
.w-padding-right-3xl { }

.w-padding-bottom-0 { }
.w-padding-bottom-3xs { }
.w-padding-bottom-2xs { }
.w-padding-bottom-xs { }
.w-padding-bottom-s { }
.w-padding-bottom-m { }
.w-padding-bottom-l { }
.w-padding-bottom-xl { }
.w-padding-bottom-2xl { }
.w-padding-bottom-3xl { }

.w-padding-left-0 { }
.w-padding-left-3xs { }
.w-padding-left-2xs { }
.w-padding-left-xs { }
.w-padding-left-s { }
.w-padding-left-m { }
.w-padding-left-l { }
.w-padding-left-xl { }
.w-padding-left-2xl { }
.w-padding-left-3xl { }

/* W Paddings - Inline/Block */
.w-padding-inline-0 { }
.w-padding-inline-3xs { }
.w-padding-inline-2xs { }
.w-padding-inline-xs { }
.w-padding-inline-s { }
.w-padding-inline-m { }
.w-padding-inline-l { }
.w-padding-inline-xl { }
.w-padding-inline-2xl { }
.w-padding-inline-3xl { }

.w-padding-block-0 { }
.w-padding-block-3xs { }
.w-padding-block-2xs { }
.w-padding-block-xs { }
.w-padding-block-s { }
.w-padding-block-m { }
.w-padding-block-l { }
.w-padding-block-xl { }
.w-padding-block-2xl { }
.w-padding-block-3xl { }

/* W Border Width */
.w-border-0 { }
.w-border-1 { }
.w-border-top-0 { }
.w-border-top-1 { }
.w-border-right-0 { }
.w-border-right-1 { }
.w-border-bottom-0 { }
.w-border-bottom-1 { }
.w-border-left-0 { }
.w-border-left-1 { }
.w-border-inline-0 { }
.w-border-inline-1 { }
.w-border-block-0 { }
.w-border-block-1 { }

/* ===== MEDIA QUERY - DESKTOP + WIDESCREEN (≥1025px) ===== */
@media (min-width: var(--breakpoint-desktop-min)) {
  /* DW Margins */
  .dw-margin-0 { margin: 0 !important; }
  .dw-margin-3xs { margin: var(--space-3xs) !important; }
  .dw-margin-2xs { margin: var(--space-2xs) !important; }
  .dw-margin-xs { margin: var(--space-xs) !important; }
  .dw-margin-s { margin: var(--space-s) !important; }
  .dw-margin-m { margin: var(--space-m) !important; }
  .dw-margin-l { margin: var(--space-l) !important; }
  .dw-margin-xl { margin: var(--space-xl) !important; }
  .dw-margin-2xl { margin: var(--space-2xl) !important; }
  .dw-margin-3xl { margin: var(--space-3xl) !important; }

  .dw-margin-top-0 { margin-top: 0 !important; }
  .dw-margin-top-3xs { margin-top: var(--space-3xs) !important; }
  .dw-margin-top-2xs { margin-top: var(--space-2xs) !important; }
  .dw-margin-top-xs { margin-top: var(--space-xs) !important; }
  .dw-margin-top-s { margin-top: var(--space-s) !important; }
  .dw-margin-top-m { margin-top: var(--space-m) !important; }
  .dw-margin-top-l { margin-top: var(--space-l) !important; }
  .dw-margin-top-xl { margin-top: var(--space-xl) !important; }
  .dw-margin-top-2xl { margin-top: var(--space-2xl) !important; }
  .dw-margin-top-3xl { margin-top: var(--space-3xl) !important; }

  .dw-margin-bottom-0 { margin-bottom: 0 !important; }
  .dw-margin-bottom-3xs { margin-bottom: var(--space-3xs) !important; }
  .dw-margin-bottom-2xs { margin-bottom: var(--space-2xs) !important; }
  .dw-margin-bottom-xs { margin-bottom: var(--space-xs) !important; }
  .dw-margin-bottom-s { margin-bottom: var(--space-s) !important; }
  .dw-margin-bottom-m { margin-bottom: var(--space-m) !important; }
  .dw-margin-bottom-l { margin-bottom: var(--space-l) !important; }
  .dw-margin-bottom-xl { margin-bottom: var(--space-xl) !important; }
  .dw-margin-bottom-2xl { margin-bottom: var(--space-2xl) !important; }
  .dw-margin-bottom-3xl { margin-bottom: var(--space-3xl) !important; }

  .dw-margin-left-0 { margin-left: 0 !important; }
  .dw-margin-left-3xs { margin-left: var(--space-3xs) !important; }
  .dw-margin-left-2xs { margin-left: var(--space-2xs) !important; }
  .dw-margin-left-xs { margin-left: var(--space-xs) !important; }
  .dw-margin-left-s { margin-left: var(--space-s) !important; }
  .dw-margin-left-m { margin-left: var(--space-m) !important; }
  .dw-margin-left-l { margin-left: var(--space-l) !important; }
  .dw-margin-left-xl { margin-left: var(--space-xl) !important; }
  .dw-margin-left-2xl { margin-left: var(--space-2xl) !important; }
  .dw-margin-left-3xl { margin-left: var(--space-3xl) !important; }

  .dw-margin-right-0 { margin-right: 0 !important; }
  .dw-margin-right-3xs { margin-right: var(--space-3xs) !important; }
  .dw-margin-right-2xs { margin-right: var(--space-2xs) !important; }
  .dw-margin-right-xs { margin-right: var(--space-xs) !important; }
  .dw-margin-right-s { margin-right: var(--space-s) !important; }
  .dw-margin-right-m { margin-right: var(--space-m) !important; }
  .dw-margin-right-l { margin-right: var(--space-l) !important; }
  .dw-margin-right-xl { margin-right: var(--space-xl) !important; }
  .dw-margin-right-2xl { margin-right: var(--space-2xl) !important; }
  .dw-margin-right-3xl { margin-right: var(--space-3xl) !important; }

  .dw-margin-inline-0 { margin-inline: 0 !important; }
  .dw-margin-inline-3xs { margin-inline: var(--space-3xs) !important; }
  .dw-margin-inline-2xs { margin-inline: var(--space-2xs) !important; }
  .dw-margin-inline-xs { margin-inline: var(--space-xs) !important; }
  .dw-margin-inline-s { margin-inline: var(--space-s) !important; }
  .dw-margin-inline-m { margin-inline: var(--space-m) !important; }
  .dw-margin-inline-l { margin-inline: var(--space-l) !important; }
  .dw-margin-inline-xl { margin-inline: var(--space-xl) !important; }
  .dw-margin-inline-2xl { margin-inline: var(--space-2xl) !important; }
  .dw-margin-inline-3xl { margin-inline: var(--space-3xl) !important; }

  .dw-margin-block-0 { margin-block: 0 !important; }
  .dw-margin-block-3xs { margin-block: var(--space-3xs) !important; }
  .dw-margin-block-2xs { margin-block: var(--space-2xs) !important; }
  .dw-margin-block-xs { margin-block: var(--space-xs) !important; }
  .dw-margin-block-s { margin-block: var(--space-s) !important; }
  .dw-margin-block-m { margin-block: var(--space-m) !important; }
  .dw-margin-block-l { margin-block: var(--space-l) !important; }
  .dw-margin-block-xl { margin-block: var(--space-xl) !important; }
  .dw-margin-block-2xl { margin-block: var(--space-2xl) !important; }
  .dw-margin-block-3xl { margin-block: var(--space-3xl) !important; }

  /* DW Paddings */
  .dw-padding-0 { padding: 0 !important; }
  .dw-padding-3xs { padding: var(--space-3xs) !important; }
  .dw-padding-2xs { padding: var(--space-2xs) !important; }
  .dw-padding-xs { padding: var(--space-xs) !important; }
  .dw-padding-s { padding: var(--space-s) !important; }
  .dw-padding-m { padding: var(--space-m) !important; }
  .dw-padding-l { padding: var(--space-l) !important; }
  .dw-padding-xl { padding: var(--space-xl) !important; }
  .dw-padding-2xl { padding: var(--space-2xl) !important; }
  .dw-padding-3xl { padding: var(--space-3xl) !important; }

  .dw-padding-top-0 { padding-top: 0 !important; }
  .dw-padding-top-3xs { padding-top: var(--space-3xs) !important; }
  .dw-padding-top-2xs { padding-top: var(--space-2xs) !important; }
  .dw-padding-top-xs { padding-top: var(--space-xs) !important; }
  .dw-padding-top-s { padding-top: var(--space-s) !important; }
  .dw-padding-top-m { padding-top: var(--space-m) !important; }
  .dw-padding-top-l { padding-top: var(--space-l) !important; }
  .dw-padding-top-xl { padding-top: var(--space-xl) !important; }
  .dw-padding-top-2xl { padding-top: var(--space-2xl) !important; }
  .dw-padding-top-3xl { padding-top: var(--space-3xl) !important; }

  .dw-padding-bottom-0 { padding-bottom: 0 !important; }
  .dw-padding-bottom-3xs { padding-bottom: var(--space-3xs) !important; }
  .dw-padding-bottom-2xs { padding-bottom: var(--space-2xs) !important; }
  .dw-padding-bottom-xs { padding-bottom: var(--space-xs) !important; }
  .dw-padding-bottom-s { padding-bottom: var(--space-s) !important; }
  .dw-padding-bottom-m { padding-bottom: var(--space-m) !important; }
  .dw-padding-bottom-l { padding-bottom: var(--space-l) !important; }
  .dw-padding-bottom-xl { padding-bottom: var(--space-xl) !important; }
  .dw-padding-bottom-2xl { padding-bottom: var(--space-2xl) !important; }
  .dw-padding-bottom-3xl { padding-bottom: var(--space-3xl) !important; }

  .dw-padding-left-0 { padding-left: 0 !important; }
  .dw-padding-left-3xs { padding-left: var(--space-3xs) !important; }
  .dw-padding-left-2xs { padding-left: var(--space-2xs) !important; }
  .dw-padding-left-xs { padding-left: var(--space-xs) !important; }
  .dw-padding-left-s { padding-left: var(--space-s) !important; }
  .dw-padding-left-m { padding-left: var(--space-m) !important; }
  .dw-padding-left-l { padding-left: var(--space-l) !important; }
  .dw-padding-left-xl { padding-left: var(--space-xl) !important; }
  .dw-padding-left-2xl { padding-left: var(--space-2xl) !important; }
  .dw-padding-left-3xl { padding-left: var(--space-3xl) !important; }

  .dw-padding-right-0 { padding-right: 0 !important; }
  .dw-padding-right-3xs { padding-right: var(--space-3xs) !important; }
  .dw-padding-right-2xs { padding-right: var(--space-2xs) !important; }
  .dw-padding-right-xs { padding-right: var(--space-xs) !important; }
  .dw-padding-right-s { padding-right: var(--space-s) !important; }
  .dw-padding-right-m { padding-right: var(--space-m) !important; }
  .dw-padding-right-l { padding-right: var(--space-l) !important; }
  .dw-padding-right-xl { padding-right: var(--space-xl) !important; }
  .dw-padding-right-2xl { padding-right: var(--space-2xl) !important; }
  .dw-padding-right-3xl { padding-right: var(--space-3xl) !important; }

  .dw-padding-inline-0 { padding-inline: 0 !important; }
  .dw-padding-inline-3xs { padding-inline: var(--space-3xs) !important; }
  .dw-padding-inline-2xs { padding-inline: var(--space-2xs) !important; }
  .dw-padding-inline-xs { padding-inline: var(--space-xs) !important; }
  .dw-padding-inline-s { padding-inline: var(--space-s) !important; }
  .dw-padding-inline-m { padding-inline: var(--space-m) !important; }
  .dw-padding-inline-l { padding-inline: var(--space-l) !important; }
  .dw-padding-inline-xl { padding-inline: var(--space-xl) !important; }
  .dw-padding-inline-2xl { padding-inline: var(--space-2xl) !important; }
  .dw-padding-inline-3xl { padding-inline: var(--space-3xl) !important; }

  .dw-padding-block-0 { padding-block: 0 !important; }
  .dw-padding-block-3xs { padding-block: var(--space-3xs) !important; }
  .dw-padding-block-2xs { padding-block: var(--space-2xs) !important; }
  .dw-padding-block-xs { padding-block: var(--space-xs) !important; }
  .dw-padding-block-s { padding-block: var(--space-s) !important; }
  .dw-padding-block-m { padding-block: var(--space-m) !important; }
  .dw-padding-block-l { padding-block: var(--space-l) !important; }
  .dw-padding-block-xl { padding-block: var(--space-xl) !important; }
  .dw-padding-block-2xl { padding-block: var(--space-2xl) !important; }
  .dw-padding-block-3xl { padding-block: var(--space-3xl) !important; }

  /* DW Borders */
  .dw-border-0 { border-width: var(--border-0) !important; }
  .dw-border-1 { border-width: var(--border-1) !important; }
  
  .dw-border-top-0 { border-top-width: var(--border-0) !important; }
  .dw-border-top-1 { border-top-width: var(--border-1) !important; }
  .dw-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .dw-border-bottom-1 { border-bottom-width: var(--border-1) !important; }
  .dw-border-left-0 { border-left-width: var(--border-0) !important; }
  .dw-border-left-1 { border-left-width: var(--border-1) !important; }
  .dw-border-right-0 { border-right-width: var(--border-0) !important; }
  .dw-border-right-1 { border-right-width: var(--border-1) !important; }

  .dw-border-inline-0 { border-inline-width: var(--border-0) !important; }
  .dw-border-inline-1 { border-inline-width: var(--border-1) !important; }
  .dw-border-block-0 { border-block-width: var(--border-0) !important; }
  .dw-border-block-1 { border-block-width: var(--border-1) !important; }

  /* DW Display */
  .dw-hide { display: none !important; }
  .dw-show { display: block !important; }
  .dw-flex { display: flex !important; }
  .dw-inline { display: inline !important; }
  .dw-inline-block { display: inline-block !important; }
}

/* ===== MEDIA QUERY - WIDESCREEN (≥1920px) ===== */
@media (min-width: var(--breakpoint-widescreen)) {
  /* W Margins */
  .w-margin-0 { margin: 0 !important; }
  .w-margin-3xs { margin: var(--space-3xs) !important; }
  .w-margin-2xs { margin: var(--space-2xs) !important; }
  .w-margin-xs { margin: var(--space-xs) !important; }
  .w-margin-s { margin: var(--space-s) !important; }
  .w-margin-m { margin: var(--space-m) !important; }
  .w-margin-l { margin: var(--space-l) !important; }
  .w-margin-xl { margin: var(--space-xl) !important; }
  .w-margin-2xl { margin: var(--space-2xl) !important; }
  .w-margin-3xl { margin: var(--space-3xl) !important; }

  .w-margin-top-0 { margin-top: 0 !important; }
  .w-margin-top-3xs { margin-top: var(--space-3xs) !important; }
  .w-margin-top-2xs { margin-top: var(--space-2xs) !important; }
  .w-margin-top-xs { margin-top: var(--space-xs) !important; }
  .w-margin-top-s { margin-top: var(--space-s) !important; }
  .w-margin-top-m { margin-top: var(--space-m) !important; }
  .w-margin-top-l { margin-top: var(--space-l) !important; }
  .w-margin-top-xl { margin-top: var(--space-xl) !important; }
  .w-margin-top-2xl { margin-top: var(--space-2xl) !important; }
  .w-margin-top-3xl { margin-top: var(--space-3xl) !important; }

  .w-margin-bottom-0 { margin-bottom: 0 !important; }
  .w-margin-bottom-3xs { margin-bottom: var(--space-3xs) !important; }
  .w-margin-bottom-2xs { margin-bottom: var(--space-2xs) !important; }
  .w-margin-bottom-xs { margin-bottom: var(--space-xs) !important; }
  .w-margin-bottom-s { margin-bottom: var(--space-s) !important; }
  .w-margin-bottom-m { margin-bottom: var(--space-m) !important; }
  .w-margin-bottom-l { margin-bottom: var(--space-l) !important; }
  .w-margin-bottom-xl { margin-bottom: var(--space-xl) !important; }
  .w-margin-bottom-2xl { margin-bottom: var(--space-2xl) !important; }
  .w-margin-bottom-3xl { margin-bottom: var(--space-3xl) !important; }

  .w-margin-left-0 { margin-left: 0 !important; }
  .w-margin-left-3xs { margin-left: var(--space-3xs) !important; }
  .w-margin-left-2xs { margin-left: var(--space-2xs) !important; }
  .w-margin-left-xs { margin-left: var(--space-xs) !important; }
  .w-margin-left-s { margin-left: var(--space-s) !important; }
  .w-margin-left-m { margin-left: var(--space-m) !important; }
  .w-margin-left-l { margin-left: var(--space-l) !important; }
  .w-margin-left-xl { margin-left: var(--space-xl) !important; }
  .w-margin-left-2xl { margin-left: var(--space-2xl) !important; }
  .w-margin-left-3xl { margin-left: var(--space-3xl) !important; }

  .w-margin-right-0 { margin-right: 0 !important; }
  .w-margin-right-3xs { margin-right: var(--space-3xs) !important; }
  .w-margin-right-2xs { margin-right: var(--space-2xs) !important; }
  .w-margin-right-xs { margin-right: var(--space-xs) !important; }
  .w-margin-right-s { margin-right: var(--space-s) !important; }
  .w-margin-right-m { margin-right: var(--space-m) !important; }
  .w-margin-right-l { margin-right: var(--space-l) !important; }
  .w-margin-right-xl { margin-right: var(--space-xl) !important; }
  .w-margin-right-2xl { margin-right: var(--space-2xl) !important; }
  .w-margin-right-3xl { margin-right: var(--space-3xl) !important; }

  .w-margin-inline-0 { margin-inline: 0 !important; }
  .w-margin-inline-3xs { margin-inline: var(--space-3xs) !important; }
  .w-margin-inline-2xs { margin-inline: var(--space-2xs) !important; }
  .w-margin-inline-xs { margin-inline: var(--space-xs) !important; }
  .w-margin-inline-s { margin-inline: var(--space-s) !important; }
  .w-margin-inline-m { margin-inline: var(--space-m) !important; }
  .w-margin-inline-l { margin-inline: var(--space-l) !important; }
  .w-margin-inline-xl { margin-inline: var(--space-xl) !important; }
  .w-margin-inline-2xl { margin-inline: var(--space-2xl) !important; }
  .w-margin-inline-3xl { margin-inline: var(--space-3xl) !important; }

  .w-margin-block-0 { margin-block: 0 !important; }
  .w-margin-block-3xs { margin-block: var(--space-3xs) !important; }
  .w-margin-block-2xs { margin-block: var(--space-2xs) !important; }
  .w-margin-block-xs { margin-block: var(--space-xs) !important; }
  .w-margin-block-s { margin-block: var(--space-s) !important; }
  .w-margin-block-m { margin-block: var(--space-m) !important; }
  .w-margin-block-l { margin-block: var(--space-l) !important; }
  .w-margin-block-xl { margin-block: var(--space-xl) !important; }
  .w-margin-block-2xl { margin-block: var(--space-2xl) !important; }
  .w-margin-block-3xl { margin-block: var(--space-3xl) !important; }

  /* W Paddings */
  .w-padding-0 { padding: 0 !important; }
  .w-padding-3xs { padding: var(--space-3xs) !important; }
  .w-padding-2xs { padding: var(--space-2xs) !important; }
  .w-padding-xs { padding: var(--space-xs) !important; }
  .w-padding-s { padding: var(--space-s) !important; }
  .w-padding-m { padding: var(--space-m) !important; }
  .w-padding-l { padding: var(--space-l) !important; }
  .w-padding-xl { padding: var(--space-xl) !important; }
  .w-padding-2xl { padding: var(--space-2xl) !important; }
  .w-padding-3xl { padding: var(--space-3xl) !important; }

  .w-padding-top-0 { padding-top: 0 !important; }
  .w-padding-top-3xs { padding-top: var(--space-3xs) !important; }
  .w-padding-top-2xs { padding-top: var(--space-2xs) !important; }
  .w-padding-top-xs { padding-top: var(--space-xs) !important; }
  .w-padding-top-s { padding-top: var(--space-s) !important; }
  .w-padding-top-m { padding-top: var(--space-m) !important; }
  .w-padding-top-l { padding-top: var(--space-l) !important; }
  .w-padding-top-xl { padding-top: var(--space-xl) !important; }
  .w-padding-top-2xl { padding-top: var(--space-2xl) !important; }
  .w-padding-top-3xl { padding-top: var(--space-3xl) !important; }

  .w-padding-bottom-0 { padding-bottom: 0 !important; }
  .w-padding-bottom-3xs { padding-bottom: var(--space-3xs) !important; }
  .w-padding-bottom-2xs { padding-bottom: var(--space-2xs) !important; }
  .w-padding-bottom-xs { padding-bottom: var(--space-xs) !important; }
  .w-padding-bottom-s { padding-bottom: var(--space-s) !important; }
  .w-padding-bottom-m { padding-bottom: var(--space-m) !important; }
  .w-padding-bottom-l { padding-bottom: var(--space-l) !important; }
  .w-padding-bottom-xl { padding-bottom: var(--space-xl) !important; }
  .w-padding-bottom-2xl { padding-bottom: var(--space-2xl) !important; }
  .w-padding-bottom-3xl { padding-bottom: var(--space-3xl) !important; }

  .w-padding-left-0 { padding-left: 0 !important; }
  .w-padding-left-3xs { padding-left: var(--space-3xs) !important; }
  .w-padding-left-2xs { padding-left: var(--space-2xs) !important; }
  .w-padding-left-xs { padding-left: var(--space-xs) !important; }
  .w-padding-left-s { padding-left: var(--space-s) !important; }
  .w-padding-left-m { padding-left: var(--space-m) !important; }
  .w-padding-left-l { padding-left: var(--space-l) !important; }
  .w-padding-left-xl { padding-left: var(--space-xl) !important; }
  .w-padding-left-2xl { padding-left: var(--space-2xl) !important; }
  .w-padding-left-3xl { padding-left: var(--space-3xl) !important; }

  .w-padding-right-0 { padding-right: 0 !important; }
  .w-padding-right-3xs { padding-right: var(--space-3xs) !important; }
  .w-padding-right-2xs { padding-right: var(--space-2xs) !important; }
  .w-padding-right-xs { padding-right: var(--space-xs) !important; }
  .w-padding-right-s { padding-right: var(--space-s) !important; }
  .w-padding-right-m { padding-right: var(--space-m) !important; }
  .w-padding-right-l { padding-right: var(--space-l) !important; }
  .w-padding-right-xl { padding-right: var(--space-xl) !important; }
  .w-padding-right-2xl { padding-right: var(--space-2xl) !important; }
  .w-padding-right-3xl { padding-right: var(--space-3xl) !important; }

  .w-padding-inline-0 { padding-inline: 0 !important; }
  .w-padding-inline-3xs { padding-inline: var(--space-3xs) !important; }
  .w-padding-inline-2xs { padding-inline: var(--space-2xs) !important; }
  .w-padding-inline-xs { padding-inline: var(--space-xs) !important; }
  .w-padding-inline-s { padding-inline: var(--space-s) !important; }
  .w-padding-inline-m { padding-inline: var(--space-m) !important; }
  .w-padding-inline-l { padding-inline: var(--space-l) !important; }
  .w-padding-inline-xl { padding-inline: var(--space-xl) !important; }
  .w-padding-inline-2xl { padding-inline: var(--space-2xl) !important; }
  .w-padding-inline-3xl { padding-inline: var(--space-3xl) !important; }

  .w-padding-block-0 { padding-block: 0 !important; }
  .w-padding-block-3xs { padding-block: var(--space-3xs) !important; }
  .w-padding-block-2xs { padding-block: var(--space-2xs) !important; }
  .w-padding-block-xs { padding-block: var(--space-xs) !important; }
  .w-padding-block-s { padding-block: var(--space-s) !important; }
  .w-padding-block-m { padding-block: var(--space-m) !important; }
  .w-padding-block-l { padding-block: var(--space-l) !important; }
  .w-padding-block-xl { padding-block: var(--space-xl) !important; }
  .w-padding-block-2xl { padding-block: var(--space-2xl) !important; }
  .w-padding-block-3xl { padding-block: var(--space-3xl) !important; }

  /* W Borders */
  .w-border-0 { border-width: var(--border-0) !important; }
  .w-border-1 { border-width: var(--border-1) !important; }
  
  .w-border-top-0 { border-top-width: var(--border-0) !important; }
  .w-border-top-1 { border-top-width: var(--border-1) !important; }
  .w-border-bottom-0 { border-bottom-width: var(--border-0) !important; }
  .w-border-bottom-1 { border-bottom-width: var(--border-1) !important; }
  .w-border-left-0 { border-left-width: var(--border-0) !important; }
  .w-border-left-1 { border-left-width: var(--border-1) !important; }
  .w-border-right-0 { border-right-width: var(--border-0) !important; }
  .w-border-right-1 { border-right-width: var(--border-1) !important; }

  .w-border-inline-0 { border-inline-width: var(--border-0) !important; }
  .w-border-inline-1 { border-inline-width: var(--border-1) !important; }
  .w-border-block-0 { border-block-width: var(--border-0) !important; }
  .w-border-block-1 { border-block-width: var(--border-1) !important; }

  /* W Display */
  .w-hide { display: none !important; }
  .w-show { display: block !important; }
  .w-flex { display: flex !important; }
  .w-inline { display: inline !important; }
  .w-inline-block { display: inline-block !important; }
}