@patreon/studio/module/styles/classNameForMarginTop/MarginTop.module.css

Patreon Studio Design System

/**
 * This file is generated. Do not edit.
 * Generated on Thu Nov 13 2025 6:47:04 PM
 */

.marginTopGlobalSpaceX0 {
    margin-top: var(--global-space-x0);
  }

.marginTopGlobalSpaceX12 {
    margin-top: var(--global-space-x12);
  }

.marginTopGlobalSpaceX16 {
    margin-top: var(--global-space-x16);
  }

.marginTopGlobalSpaceX20 {
    margin-top: var(--global-space-x20);
  }

.marginTopGlobalSpaceX24 {
    margin-top: var(--global-space-x24);
  }

.marginTopGlobalSpaceX32 {
    margin-top: var(--global-space-x32);
  }

.marginTopGlobalSpaceX40 {
    margin-top: var(--global-space-x40);
  }

.marginTopGlobalSpaceX48 {
    margin-top: var(--global-space-x48);
  }

.marginTopGlobalSpaceX4 {
    margin-top: var(--global-space-x4);
  }

.marginTopGlobalSpaceX56 {
    margin-top: var(--global-space-x56);
  }

.marginTopGlobalSpaceX8 {
    margin-top: var(--global-space-x8);
  }

@media (min-width: 588px) {

    .marginTopGlobalSpaceX0BreakpointSm {
    margin-top: var(--global-space-x0);
    }

    .marginTopGlobalSpaceX12BreakpointSm {
    margin-top: var(--global-space-x12);
    }

    .marginTopGlobalSpaceX16BreakpointSm {
    margin-top: var(--global-space-x16);
    }

    .marginTopGlobalSpaceX20BreakpointSm {
    margin-top: var(--global-space-x20);
    }

    .marginTopGlobalSpaceX24BreakpointSm {
    margin-top: var(--global-space-x24);
    }

    .marginTopGlobalSpaceX32BreakpointSm {
    margin-top: var(--global-space-x32);
    }

    .marginTopGlobalSpaceX40BreakpointSm {
    margin-top: var(--global-space-x40);
    }

    .marginTopGlobalSpaceX48BreakpointSm {
    margin-top: var(--global-space-x48);
    }

    .marginTopGlobalSpaceX4BreakpointSm {
    margin-top: var(--global-space-x4);
    }

    .marginTopGlobalSpaceX56BreakpointSm {
    margin-top: var(--global-space-x56);
    }

    .marginTopGlobalSpaceX8BreakpointSm {
    margin-top: var(--global-space-x8);
    }
}

@media (min-width: 796px) {

    .marginTopGlobalSpaceX0BreakpointMd {
    margin-top: var(--global-space-x0);
    }

    .marginTopGlobalSpaceX12BreakpointMd {
    margin-top: var(--global-space-x12);
    }

    .marginTopGlobalSpaceX16BreakpointMd {
    margin-top: var(--global-space-x16);
    }

    .marginTopGlobalSpaceX20BreakpointMd {
    margin-top: var(--global-space-x20);
    }

    .marginTopGlobalSpaceX24BreakpointMd {
    margin-top: var(--global-space-x24);
    }

    .marginTopGlobalSpaceX32BreakpointMd {
    margin-top: var(--global-space-x32);
    }

    .marginTopGlobalSpaceX40BreakpointMd {
    margin-top: var(--global-space-x40);
    }

    .marginTopGlobalSpaceX48BreakpointMd {
    margin-top: var(--global-space-x48);
    }

    .marginTopGlobalSpaceX4BreakpointMd {
    margin-top: var(--global-space-x4);
    }

    .marginTopGlobalSpaceX56BreakpointMd {
    margin-top: var(--global-space-x56);
    }

    .marginTopGlobalSpaceX8BreakpointMd {
    margin-top: var(--global-space-x8);
    }
}

@media (min-width: 978px) {

    .marginTopGlobalSpaceX0BreakpointLg {
    margin-top: var(--global-space-x0);
    }

    .marginTopGlobalSpaceX12BreakpointLg {
    margin-top: var(--global-space-x12);
    }

    .marginTopGlobalSpaceX16BreakpointLg {
    margin-top: var(--global-space-x16);
    }

    .marginTopGlobalSpaceX20BreakpointLg {
    margin-top: var(--global-space-x20);
    }

    .marginTopGlobalSpaceX24BreakpointLg {
    margin-top: var(--global-space-x24);
    }

    .marginTopGlobalSpaceX32BreakpointLg {
    margin-top: var(--global-space-x32);
    }

    .marginTopGlobalSpaceX40BreakpointLg {
    margin-top: var(--global-space-x40);
    }

    .marginTopGlobalSpaceX48BreakpointLg {
    margin-top: var(--global-space-x48);
    }

    .marginTopGlobalSpaceX4BreakpointLg {
    margin-top: var(--global-space-x4);
    }

    .marginTopGlobalSpaceX56BreakpointLg {
    margin-top: var(--global-space-x56);
    }

    .marginTopGlobalSpaceX8BreakpointLg {
    margin-top: var(--global-space-x8);
    }
}

@media (min-width: 1280px) {

    .marginTopGlobalSpaceX0BreakpointXl {
    margin-top: var(--global-space-x0);
    }

    .marginTopGlobalSpaceX12BreakpointXl {
    margin-top: var(--global-space-x12);
    }

    .marginTopGlobalSpaceX16BreakpointXl {
    margin-top: var(--global-space-x16);
    }

    .marginTopGlobalSpaceX20BreakpointXl {
    margin-top: var(--global-space-x20);
    }

    .marginTopGlobalSpaceX24BreakpointXl {
    margin-top: var(--global-space-x24);
    }

    .marginTopGlobalSpaceX32BreakpointXl {
    margin-top: var(--global-space-x32);
    }

    .marginTopGlobalSpaceX40BreakpointXl {
    margin-top: var(--global-space-x40);
    }

    .marginTopGlobalSpaceX48BreakpointXl {
    margin-top: var(--global-space-x48);
    }

    .marginTopGlobalSpaceX4BreakpointXl {
    margin-top: var(--global-space-x4);
    }

    .marginTopGlobalSpaceX56BreakpointXl {
    margin-top: var(--global-space-x56);
    }

    .marginTopGlobalSpaceX8BreakpointXl {
    margin-top: var(--global-space-x8);
    }
}

@media (min-width: 1440px) {

    .marginTopGlobalSpaceX0BreakpointXxl {
    margin-top: var(--global-space-x0);
    }

    .marginTopGlobalSpaceX12BreakpointXxl {
    margin-top: var(--global-space-x12);
    }

    .marginTopGlobalSpaceX16BreakpointXxl {
    margin-top: var(--global-space-x16);
    }

    .marginTopGlobalSpaceX20BreakpointXxl {
    margin-top: var(--global-space-x20);
    }

    .marginTopGlobalSpaceX24BreakpointXxl {
    margin-top: var(--global-space-x24);
    }

    .marginTopGlobalSpaceX32BreakpointXxl {
    margin-top: var(--global-space-x32);
    }

    .marginTopGlobalSpaceX40BreakpointXxl {
    margin-top: var(--global-space-x40);
    }

    .marginTopGlobalSpaceX48BreakpointXxl {
    margin-top: var(--global-space-x48);
    }

    .marginTopGlobalSpaceX4BreakpointXxl {
    margin-top: var(--global-space-x4);
    }

    .marginTopGlobalSpaceX56BreakpointXxl {
    margin-top: var(--global-space-x56);
    }

    .marginTopGlobalSpaceX8BreakpointXxl {
    margin-top: var(--global-space-x8);
    }
}