@nitro-ui/utility-spacing/dist/css/spacing.css

Spacing component for Nitro UI.

/**
 * Spacing Auto & Reset
 */
/**
 * Calling the Spacing setup
 */
.u-margin-xxl {
  margin: 64px !important; }

.u-margin-top-xxl {
  margin-top: 64px !important; }

.u-margin-right-xxl {
  margin-right: 64px !important; }

.u-margin-bottom-xxl {
  margin-bottom: 64px !important; }

.u-margin-left-xxl {
  margin-left: 64px !important; }

.u-margin-ends-xxl {
  margin-top: 64px !important;
  margin-bottom: 64px !important; }

.u-margin-sides-xxl {
  margin-right: 64px !important;
  margin-left: 64px !important; }

.u-padding-xxl {
  padding: 64px !important; }

.u-padding-top-xxl {
  padding-top: 64px !important; }

.u-padding-right-xxl {
  padding-right: 64px !important; }

.u-padding-bottom-xxl {
  padding-bottom: 64px !important; }

.u-padding-left-xxl {
  padding-left: 64px !important; }

.u-padding-ends-xxl {
  padding-top: 64px !important;
  padding-bottom: 64px !important; }

.u-padding-sides-xxl {
  padding-right: 64px !important;
  padding-left: 64px !important; }

.u-margin-xl {
  margin: 48px !important; }

.u-margin-top-xl {
  margin-top: 48px !important; }

.u-margin-right-xl {
  margin-right: 48px !important; }

.u-margin-bottom-xl {
  margin-bottom: 48px !important; }

.u-margin-left-xl {
  margin-left: 48px !important; }

.u-margin-ends-xl {
  margin-top: 48px !important;
  margin-bottom: 48px !important; }

.u-margin-sides-xl {
  margin-right: 48px !important;
  margin-left: 48px !important; }

.u-padding-xl {
  padding: 48px !important; }

.u-padding-top-xl {
  padding-top: 48px !important; }

.u-padding-right-xl {
  padding-right: 48px !important; }

.u-padding-bottom-xl {
  padding-bottom: 48px !important; }

.u-padding-left-xl {
  padding-left: 48px !important; }

.u-padding-ends-xl {
  padding-top: 48px !important;
  padding-bottom: 48px !important; }

.u-padding-sides-xl {
  padding-right: 48px !important;
  padding-left: 48px !important; }

.u-margin-lg {
  margin: 24px !important; }

.u-margin-top-lg {
  margin-top: 24px !important; }

.u-margin-right-lg {
  margin-right: 24px !important; }

.u-margin-bottom-lg {
  margin-bottom: 24px !important; }

.u-margin-left-lg {
  margin-left: 24px !important; }

.u-margin-ends-lg {
  margin-top: 24px !important;
  margin-bottom: 24px !important; }

.u-margin-sides-lg {
  margin-right: 24px !important;
  margin-left: 24px !important; }

.u-padding-lg {
  padding: 24px !important; }

.u-padding-top-lg {
  padding-top: 24px !important; }

.u-padding-right-lg {
  padding-right: 24px !important; }

.u-padding-bottom-lg {
  padding-bottom: 24px !important; }

.u-padding-left-lg {
  padding-left: 24px !important; }

.u-padding-ends-lg {
  padding-top: 24px !important;
  padding-bottom: 24px !important; }

.u-padding-sides-lg {
  padding-right: 24px !important;
  padding-left: 24px !important; }

.u-margin-md {
  margin: 16px !important; }

.u-margin-top-md {
  margin-top: 16px !important; }

.u-margin-right-md {
  margin-right: 16px !important; }

.u-margin-bottom-md {
  margin-bottom: 16px !important; }

.u-margin-left-md {
  margin-left: 16px !important; }

.u-margin-ends-md {
  margin-top: 16px !important;
  margin-bottom: 16px !important; }

.u-margin-sides-md {
  margin-right: 16px !important;
  margin-left: 16px !important; }

.u-padding-md {
  padding: 16px !important; }

.u-padding-top-md {
  padding-top: 16px !important; }

.u-padding-right-md {
  padding-right: 16px !important; }

.u-padding-bottom-md {
  padding-bottom: 16px !important; }

.u-padding-left-md {
  padding-left: 16px !important; }

.u-padding-ends-md {
  padding-top: 16px !important;
  padding-bottom: 16px !important; }

.u-padding-sides-md {
  padding-right: 16px !important;
  padding-left: 16px !important; }

.u-margin-sm {
  margin: 12px !important; }

.u-margin-top-sm {
  margin-top: 12px !important; }

.u-margin-right-sm {
  margin-right: 12px !important; }

.u-margin-bottom-sm {
  margin-bottom: 12px !important; }

.u-margin-left-sm {
  margin-left: 12px !important; }

.u-margin-ends-sm {
  margin-top: 12px !important;
  margin-bottom: 12px !important; }

.u-margin-sides-sm {
  margin-right: 12px !important;
  margin-left: 12px !important; }

.u-padding-sm {
  padding: 12px !important; }

.u-padding-top-sm {
  padding-top: 12px !important; }

.u-padding-right-sm {
  padding-right: 12px !important; }

.u-padding-bottom-sm {
  padding-bottom: 12px !important; }

.u-padding-left-sm {
  padding-left: 12px !important; }

.u-padding-ends-sm {
  padding-top: 12px !important;
  padding-bottom: 12px !important; }

.u-padding-sides-sm {
  padding-right: 12px !important;
  padding-left: 12px !important; }

.u-margin-xs {
  margin: 8px !important; }

.u-margin-top-xs {
  margin-top: 8px !important; }

.u-margin-right-xs {
  margin-right: 8px !important; }

.u-margin-bottom-xs {
  margin-bottom: 8px !important; }

.u-margin-left-xs {
  margin-left: 8px !important; }

.u-margin-ends-xs {
  margin-top: 8px !important;
  margin-bottom: 8px !important; }

.u-margin-sides-xs {
  margin-right: 8px !important;
  margin-left: 8px !important; }

.u-padding-xs {
  padding: 8px !important; }

.u-padding-top-xs {
  padding-top: 8px !important; }

.u-padding-right-xs {
  padding-right: 8px !important; }

.u-padding-bottom-xs {
  padding-bottom: 8px !important; }

.u-padding-left-xs {
  padding-left: 8px !important; }

.u-padding-ends-xs {
  padding-top: 8px !important;
  padding-bottom: 8px !important; }

.u-padding-sides-xs {
  padding-right: 8px !important;
  padding-left: 8px !important; }

.u-margin-xxs {
  margin: 4px !important; }

.u-margin-top-xxs {
  margin-top: 4px !important; }

.u-margin-right-xxs {
  margin-right: 4px !important; }

.u-margin-bottom-xxs {
  margin-bottom: 4px !important; }

.u-margin-left-xxs {
  margin-left: 4px !important; }

.u-margin-ends-xxs {
  margin-top: 4px !important;
  margin-bottom: 4px !important; }

.u-margin-sides-xxs {
  margin-right: 4px !important;
  margin-left: 4px !important; }

.u-padding-xxs {
  padding: 4px !important; }

.u-padding-top-xxs {
  padding-top: 4px !important; }

.u-padding-right-xxs {
  padding-right: 4px !important; }

.u-padding-bottom-xxs {
  padding-bottom: 4px !important; }

.u-padding-left-xxs {
  padding-left: 4px !important; }

.u-padding-ends-xxs {
  padding-top: 4px !important;
  padding-bottom: 4px !important; }

.u-padding-sides-xxs {
  padding-right: 4px !important;
  padding-left: 4px !important; }

.u-margin-none {
  margin: 0 !important; }

.u-margin-top-none {
  margin-top: 0 !important; }

.u-margin-right-none {
  margin-right: 0 !important; }

.u-margin-bottom-none {
  margin-bottom: 0 !important; }

.u-margin-left-none {
  margin-left: 0 !important; }

.u-margin-ends-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.u-margin-sides-none {
  margin-right: 0 !important;
  margin-left: 0 !important; }

.u-margin-auto {
  margin: auto !important; }

.u-margin-top-auto {
  margin-top: auto !important; }

.u-margin-right-auto {
  margin-right: auto !important; }

.u-margin-bottom-auto {
  margin-bottom: auto !important; }

.u-margin-left-auto {
  margin-left: auto !important; }

.u-margin-ends-auto {
  margin-top: auto !important;
  margin-bottom: auto !important; }

.u-margin-sides-auto {
  margin-right: auto !important;
  margin-left: auto !important; }

.u-padding-none {
  padding: 0 !important; }

.u-padding-top-none {
  padding-top: 0 !important; }

.u-padding-right-none {
  padding-right: 0 !important; }

.u-padding-bottom-none {
  padding-bottom: 0 !important; }

.u-padding-left-none {
  padding-left: 0 !important; }

.u-padding-ends-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.u-padding-sides-none {
  padding-right: 0 !important;
  padding-left: 0 !important; }

@media only screen and (max-width: 1080px) {
  .u-margin-xxl\@portable {
    margin: 64px !important; }
  .u-margin-top-xxl\@portable {
    margin-top: 64px !important; }
  .u-margin-right-xxl\@portable {
    margin-right: 64px !important; }
  .u-margin-bottom-xxl\@portable {
    margin-bottom: 64px !important; }
  .u-margin-left-xxl\@portable {
    margin-left: 64px !important; }
  .u-margin-ends-xxl\@portable {
    margin-top: 64px !important;
    margin-bottom: 64px !important; }
  .u-margin-sides-xxl\@portable {
    margin-right: 64px !important;
    margin-left: 64px !important; }
  .u-padding-xxl\@portable {
    padding: 64px !important; }
  .u-padding-top-xxl\@portable {
    padding-top: 64px !important; }
  .u-padding-right-xxl\@portable {
    padding-right: 64px !important; }
  .u-padding-bottom-xxl\@portable {
    padding-bottom: 64px !important; }
  .u-padding-left-xxl\@portable {
    padding-left: 64px !important; }
  .u-padding-ends-xxl\@portable {
    padding-top: 64px !important;
    padding-bottom: 64px !important; }
  .u-padding-sides-xxl\@portable {
    padding-right: 64px !important;
    padding-left: 64px !important; }
  .u-margin-xl\@portable {
    margin: 48px !important; }
  .u-margin-top-xl\@portable {
    margin-top: 48px !important; }
  .u-margin-right-xl\@portable {
    margin-right: 48px !important; }
  .u-margin-bottom-xl\@portable {
    margin-bottom: 48px !important; }
  .u-margin-left-xl\@portable {
    margin-left: 48px !important; }
  .u-margin-ends-xl\@portable {
    margin-top: 48px !important;
    margin-bottom: 48px !important; }
  .u-margin-sides-xl\@portable {
    margin-right: 48px !important;
    margin-left: 48px !important; }
  .u-padding-xl\@portable {
    padding: 48px !important; }
  .u-padding-top-xl\@portable {
    padding-top: 48px !important; }
  .u-padding-right-xl\@portable {
    padding-right: 48px !important; }
  .u-padding-bottom-xl\@portable {
    padding-bottom: 48px !important; }
  .u-padding-left-xl\@portable {
    padding-left: 48px !important; }
  .u-padding-ends-xl\@portable {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
  .u-padding-sides-xl\@portable {
    padding-right: 48px !important;
    padding-left: 48px !important; }
  .u-margin-lg\@portable {
    margin: 24px !important; }
  .u-margin-top-lg\@portable {
    margin-top: 24px !important; }
  .u-margin-right-lg\@portable {
    margin-right: 24px !important; }
  .u-margin-bottom-lg\@portable {
    margin-bottom: 24px !important; }
  .u-margin-left-lg\@portable {
    margin-left: 24px !important; }
  .u-margin-ends-lg\@portable {
    margin-top: 24px !important;
    margin-bottom: 24px !important; }
  .u-margin-sides-lg\@portable {
    margin-right: 24px !important;
    margin-left: 24px !important; }
  .u-padding-lg\@portable {
    padding: 24px !important; }
  .u-padding-top-lg\@portable {
    padding-top: 24px !important; }
  .u-padding-right-lg\@portable {
    padding-right: 24px !important; }
  .u-padding-bottom-lg\@portable {
    padding-bottom: 24px !important; }
  .u-padding-left-lg\@portable {
    padding-left: 24px !important; }
  .u-padding-ends-lg\@portable {
    padding-top: 24px !important;
    padding-bottom: 24px !important; }
  .u-padding-sides-lg\@portable {
    padding-right: 24px !important;
    padding-left: 24px !important; }
  .u-margin-md\@portable {
    margin: 16px !important; }
  .u-margin-top-md\@portable {
    margin-top: 16px !important; }
  .u-margin-right-md\@portable {
    margin-right: 16px !important; }
  .u-margin-bottom-md\@portable {
    margin-bottom: 16px !important; }
  .u-margin-left-md\@portable {
    margin-left: 16px !important; }
  .u-margin-ends-md\@portable {
    margin-top: 16px !important;
    margin-bottom: 16px !important; }
  .u-margin-sides-md\@portable {
    margin-right: 16px !important;
    margin-left: 16px !important; }
  .u-padding-md\@portable {
    padding: 16px !important; }
  .u-padding-top-md\@portable {
    padding-top: 16px !important; }
  .u-padding-right-md\@portable {
    padding-right: 16px !important; }
  .u-padding-bottom-md\@portable {
    padding-bottom: 16px !important; }
  .u-padding-left-md\@portable {
    padding-left: 16px !important; }
  .u-padding-ends-md\@portable {
    padding-top: 16px !important;
    padding-bottom: 16px !important; }
  .u-padding-sides-md\@portable {
    padding-right: 16px !important;
    padding-left: 16px !important; }
  .u-margin-sm\@portable {
    margin: 12px !important; }
  .u-margin-top-sm\@portable {
    margin-top: 12px !important; }
  .u-margin-right-sm\@portable {
    margin-right: 12px !important; }
  .u-margin-bottom-sm\@portable {
    margin-bottom: 12px !important; }
  .u-margin-left-sm\@portable {
    margin-left: 12px !important; }
  .u-margin-ends-sm\@portable {
    margin-top: 12px !important;
    margin-bottom: 12px !important; }
  .u-margin-sides-sm\@portable {
    margin-right: 12px !important;
    margin-left: 12px !important; }
  .u-padding-sm\@portable {
    padding: 12px !important; }
  .u-padding-top-sm\@portable {
    padding-top: 12px !important; }
  .u-padding-right-sm\@portable {
    padding-right: 12px !important; }
  .u-padding-bottom-sm\@portable {
    padding-bottom: 12px !important; }
  .u-padding-left-sm\@portable {
    padding-left: 12px !important; }
  .u-padding-ends-sm\@portable {
    padding-top: 12px !important;
    padding-bottom: 12px !important; }
  .u-padding-sides-sm\@portable {
    padding-right: 12px !important;
    padding-left: 12px !important; }
  .u-margin-xs\@portable {
    margin: 8px !important; }
  .u-margin-top-xs\@portable {
    margin-top: 8px !important; }
  .u-margin-right-xs\@portable {
    margin-right: 8px !important; }
  .u-margin-bottom-xs\@portable {
    margin-bottom: 8px !important; }
  .u-margin-left-xs\@portable {
    margin-left: 8px !important; }
  .u-margin-ends-xs\@portable {
    margin-top: 8px !important;
    margin-bottom: 8px !important; }
  .u-margin-sides-xs\@portable {
    margin-right: 8px !important;
    margin-left: 8px !important; }
  .u-padding-xs\@portable {
    padding: 8px !important; }
  .u-padding-top-xs\@portable {
    padding-top: 8px !important; }
  .u-padding-right-xs\@portable {
    padding-right: 8px !important; }
  .u-padding-bottom-xs\@portable {
    padding-bottom: 8px !important; }
  .u-padding-left-xs\@portable {
    padding-left: 8px !important; }
  .u-padding-ends-xs\@portable {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
  .u-padding-sides-xs\@portable {
    padding-right: 8px !important;
    padding-left: 8px !important; }
  .u-margin-xxs\@portable {
    margin: 4px !important; }
  .u-margin-top-xxs\@portable {
    margin-top: 4px !important; }
  .u-margin-right-xxs\@portable {
    margin-right: 4px !important; }
  .u-margin-bottom-xxs\@portable {
    margin-bottom: 4px !important; }
  .u-margin-left-xxs\@portable {
    margin-left: 4px !important; }
  .u-margin-ends-xxs\@portable {
    margin-top: 4px !important;
    margin-bottom: 4px !important; }
  .u-margin-sides-xxs\@portable {
    margin-right: 4px !important;
    margin-left: 4px !important; }
  .u-padding-xxs\@portable {
    padding: 4px !important; }
  .u-padding-top-xxs\@portable {
    padding-top: 4px !important; }
  .u-padding-right-xxs\@portable {
    padding-right: 4px !important; }
  .u-padding-bottom-xxs\@portable {
    padding-bottom: 4px !important; }
  .u-padding-left-xxs\@portable {
    padding-left: 4px !important; }
  .u-padding-ends-xxs\@portable {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  .u-padding-sides-xxs\@portable {
    padding-right: 4px !important;
    padding-left: 4px !important; }
  .u-margin-none\@portable {
    margin: 0 !important; }
  .u-margin-top-none\@portable {
    margin-top: 0 !important; }
  .u-margin-right-none\@portable {
    margin-right: 0 !important; }
  .u-margin-bottom-none\@portable {
    margin-bottom: 0 !important; }
  .u-margin-left-none\@portable {
    margin-left: 0 !important; }
  .u-margin-ends-none\@portable {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .u-margin-sides-none\@portable {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .u-margin-auto\@portable {
    margin: auto !important; }
  .u-margin-top-auto\@portable {
    margin-top: auto !important; }
  .u-margin-right-auto\@portable {
    margin-right: auto !important; }
  .u-margin-bottom-auto\@portable {
    margin-bottom: auto !important; }
  .u-margin-left-auto\@portable {
    margin-left: auto !important; }
  .u-margin-ends-auto\@portable {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .u-margin-sides-auto\@portable {
    margin-right: auto !important;
    margin-left: auto !important; }
  .u-padding-none\@portable {
    padding: 0 !important; }
  .u-padding-top-none\@portable {
    padding-top: 0 !important; }
  .u-padding-right-none\@portable {
    padding-right: 0 !important; }
  .u-padding-bottom-none\@portable {
    padding-bottom: 0 !important; }
  .u-padding-left-none\@portable {
    padding-left: 0 !important; }
  .u-padding-ends-none\@portable {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .u-padding-sides-none\@portable {
    padding-right: 0 !important;
    padding-left: 0 !important; } }

@media only screen and (max-width: 1080px) {
  .u-margin-xxl\@mobile-tablet {
    margin: 64px !important; }
  .u-margin-top-xxl\@mobile-tablet {
    margin-top: 64px !important; }
  .u-margin-right-xxl\@mobile-tablet {
    margin-right: 64px !important; }
  .u-margin-bottom-xxl\@mobile-tablet {
    margin-bottom: 64px !important; }
  .u-margin-left-xxl\@mobile-tablet {
    margin-left: 64px !important; }
  .u-margin-ends-xxl\@mobile-tablet {
    margin-top: 64px !important;
    margin-bottom: 64px !important; }
  .u-margin-sides-xxl\@mobile-tablet {
    margin-right: 64px !important;
    margin-left: 64px !important; }
  .u-padding-xxl\@mobile-tablet {
    padding: 64px !important; }
  .u-padding-top-xxl\@mobile-tablet {
    padding-top: 64px !important; }
  .u-padding-right-xxl\@mobile-tablet {
    padding-right: 64px !important; }
  .u-padding-bottom-xxl\@mobile-tablet {
    padding-bottom: 64px !important; }
  .u-padding-left-xxl\@mobile-tablet {
    padding-left: 64px !important; }
  .u-padding-ends-xxl\@mobile-tablet {
    padding-top: 64px !important;
    padding-bottom: 64px !important; }
  .u-padding-sides-xxl\@mobile-tablet {
    padding-right: 64px !important;
    padding-left: 64px !important; }
  .u-margin-xl\@mobile-tablet {
    margin: 48px !important; }
  .u-margin-top-xl\@mobile-tablet {
    margin-top: 48px !important; }
  .u-margin-right-xl\@mobile-tablet {
    margin-right: 48px !important; }
  .u-margin-bottom-xl\@mobile-tablet {
    margin-bottom: 48px !important; }
  .u-margin-left-xl\@mobile-tablet {
    margin-left: 48px !important; }
  .u-margin-ends-xl\@mobile-tablet {
    margin-top: 48px !important;
    margin-bottom: 48px !important; }
  .u-margin-sides-xl\@mobile-tablet {
    margin-right: 48px !important;
    margin-left: 48px !important; }
  .u-padding-xl\@mobile-tablet {
    padding: 48px !important; }
  .u-padding-top-xl\@mobile-tablet {
    padding-top: 48px !important; }
  .u-padding-right-xl\@mobile-tablet {
    padding-right: 48px !important; }
  .u-padding-bottom-xl\@mobile-tablet {
    padding-bottom: 48px !important; }
  .u-padding-left-xl\@mobile-tablet {
    padding-left: 48px !important; }
  .u-padding-ends-xl\@mobile-tablet {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
  .u-padding-sides-xl\@mobile-tablet {
    padding-right: 48px !important;
    padding-left: 48px !important; }
  .u-margin-lg\@mobile-tablet {
    margin: 24px !important; }
  .u-margin-top-lg\@mobile-tablet {
    margin-top: 24px !important; }
  .u-margin-right-lg\@mobile-tablet {
    margin-right: 24px !important; }
  .u-margin-bottom-lg\@mobile-tablet {
    margin-bottom: 24px !important; }
  .u-margin-left-lg\@mobile-tablet {
    margin-left: 24px !important; }
  .u-margin-ends-lg\@mobile-tablet {
    margin-top: 24px !important;
    margin-bottom: 24px !important; }
  .u-margin-sides-lg\@mobile-tablet {
    margin-right: 24px !important;
    margin-left: 24px !important; }
  .u-padding-lg\@mobile-tablet {
    padding: 24px !important; }
  .u-padding-top-lg\@mobile-tablet {
    padding-top: 24px !important; }
  .u-padding-right-lg\@mobile-tablet {
    padding-right: 24px !important; }
  .u-padding-bottom-lg\@mobile-tablet {
    padding-bottom: 24px !important; }
  .u-padding-left-lg\@mobile-tablet {
    padding-left: 24px !important; }
  .u-padding-ends-lg\@mobile-tablet {
    padding-top: 24px !important;
    padding-bottom: 24px !important; }
  .u-padding-sides-lg\@mobile-tablet {
    padding-right: 24px !important;
    padding-left: 24px !important; }
  .u-margin-md\@mobile-tablet {
    margin: 16px !important; }
  .u-margin-top-md\@mobile-tablet {
    margin-top: 16px !important; }
  .u-margin-right-md\@mobile-tablet {
    margin-right: 16px !important; }
  .u-margin-bottom-md\@mobile-tablet {
    margin-bottom: 16px !important; }
  .u-margin-left-md\@mobile-tablet {
    margin-left: 16px !important; }
  .u-margin-ends-md\@mobile-tablet {
    margin-top: 16px !important;
    margin-bottom: 16px !important; }
  .u-margin-sides-md\@mobile-tablet {
    margin-right: 16px !important;
    margin-left: 16px !important; }
  .u-padding-md\@mobile-tablet {
    padding: 16px !important; }
  .u-padding-top-md\@mobile-tablet {
    padding-top: 16px !important; }
  .u-padding-right-md\@mobile-tablet {
    padding-right: 16px !important; }
  .u-padding-bottom-md\@mobile-tablet {
    padding-bottom: 16px !important; }
  .u-padding-left-md\@mobile-tablet {
    padding-left: 16px !important; }
  .u-padding-ends-md\@mobile-tablet {
    padding-top: 16px !important;
    padding-bottom: 16px !important; }
  .u-padding-sides-md\@mobile-tablet {
    padding-right: 16px !important;
    padding-left: 16px !important; }
  .u-margin-sm\@mobile-tablet {
    margin: 12px !important; }
  .u-margin-top-sm\@mobile-tablet {
    margin-top: 12px !important; }
  .u-margin-right-sm\@mobile-tablet {
    margin-right: 12px !important; }
  .u-margin-bottom-sm\@mobile-tablet {
    margin-bottom: 12px !important; }
  .u-margin-left-sm\@mobile-tablet {
    margin-left: 12px !important; }
  .u-margin-ends-sm\@mobile-tablet {
    margin-top: 12px !important;
    margin-bottom: 12px !important; }
  .u-margin-sides-sm\@mobile-tablet {
    margin-right: 12px !important;
    margin-left: 12px !important; }
  .u-padding-sm\@mobile-tablet {
    padding: 12px !important; }
  .u-padding-top-sm\@mobile-tablet {
    padding-top: 12px !important; }
  .u-padding-right-sm\@mobile-tablet {
    padding-right: 12px !important; }
  .u-padding-bottom-sm\@mobile-tablet {
    padding-bottom: 12px !important; }
  .u-padding-left-sm\@mobile-tablet {
    padding-left: 12px !important; }
  .u-padding-ends-sm\@mobile-tablet {
    padding-top: 12px !important;
    padding-bottom: 12px !important; }
  .u-padding-sides-sm\@mobile-tablet {
    padding-right: 12px !important;
    padding-left: 12px !important; }
  .u-margin-xs\@mobile-tablet {
    margin: 8px !important; }
  .u-margin-top-xs\@mobile-tablet {
    margin-top: 8px !important; }
  .u-margin-right-xs\@mobile-tablet {
    margin-right: 8px !important; }
  .u-margin-bottom-xs\@mobile-tablet {
    margin-bottom: 8px !important; }
  .u-margin-left-xs\@mobile-tablet {
    margin-left: 8px !important; }
  .u-margin-ends-xs\@mobile-tablet {
    margin-top: 8px !important;
    margin-bottom: 8px !important; }
  .u-margin-sides-xs\@mobile-tablet {
    margin-right: 8px !important;
    margin-left: 8px !important; }
  .u-padding-xs\@mobile-tablet {
    padding: 8px !important; }
  .u-padding-top-xs\@mobile-tablet {
    padding-top: 8px !important; }
  .u-padding-right-xs\@mobile-tablet {
    padding-right: 8px !important; }
  .u-padding-bottom-xs\@mobile-tablet {
    padding-bottom: 8px !important; }
  .u-padding-left-xs\@mobile-tablet {
    padding-left: 8px !important; }
  .u-padding-ends-xs\@mobile-tablet {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
  .u-padding-sides-xs\@mobile-tablet {
    padding-right: 8px !important;
    padding-left: 8px !important; }
  .u-margin-xxs\@mobile-tablet {
    margin: 4px !important; }
  .u-margin-top-xxs\@mobile-tablet {
    margin-top: 4px !important; }
  .u-margin-right-xxs\@mobile-tablet {
    margin-right: 4px !important; }
  .u-margin-bottom-xxs\@mobile-tablet {
    margin-bottom: 4px !important; }
  .u-margin-left-xxs\@mobile-tablet {
    margin-left: 4px !important; }
  .u-margin-ends-xxs\@mobile-tablet {
    margin-top: 4px !important;
    margin-bottom: 4px !important; }
  .u-margin-sides-xxs\@mobile-tablet {
    margin-right: 4px !important;
    margin-left: 4px !important; }
  .u-padding-xxs\@mobile-tablet {
    padding: 4px !important; }
  .u-padding-top-xxs\@mobile-tablet {
    padding-top: 4px !important; }
  .u-padding-right-xxs\@mobile-tablet {
    padding-right: 4px !important; }
  .u-padding-bottom-xxs\@mobile-tablet {
    padding-bottom: 4px !important; }
  .u-padding-left-xxs\@mobile-tablet {
    padding-left: 4px !important; }
  .u-padding-ends-xxs\@mobile-tablet {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  .u-padding-sides-xxs\@mobile-tablet {
    padding-right: 4px !important;
    padding-left: 4px !important; }
  .u-margin-none\@mobile-tablet {
    margin: 0 !important; }
  .u-margin-top-none\@mobile-tablet {
    margin-top: 0 !important; }
  .u-margin-right-none\@mobile-tablet {
    margin-right: 0 !important; }
  .u-margin-bottom-none\@mobile-tablet {
    margin-bottom: 0 !important; }
  .u-margin-left-none\@mobile-tablet {
    margin-left: 0 !important; }
  .u-margin-ends-none\@mobile-tablet {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .u-margin-sides-none\@mobile-tablet {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .u-margin-auto\@mobile-tablet {
    margin: auto !important; }
  .u-margin-top-auto\@mobile-tablet {
    margin-top: auto !important; }
  .u-margin-right-auto\@mobile-tablet {
    margin-right: auto !important; }
  .u-margin-bottom-auto\@mobile-tablet {
    margin-bottom: auto !important; }
  .u-margin-left-auto\@mobile-tablet {
    margin-left: auto !important; }
  .u-margin-ends-auto\@mobile-tablet {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .u-margin-sides-auto\@mobile-tablet {
    margin-right: auto !important;
    margin-left: auto !important; }
  .u-padding-none\@mobile-tablet {
    padding: 0 !important; }
  .u-padding-top-none\@mobile-tablet {
    padding-top: 0 !important; }
  .u-padding-right-none\@mobile-tablet {
    padding-right: 0 !important; }
  .u-padding-bottom-none\@mobile-tablet {
    padding-bottom: 0 !important; }
  .u-padding-left-none\@mobile-tablet {
    padding-left: 0 !important; }
  .u-padding-ends-none\@mobile-tablet {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .u-padding-sides-none\@mobile-tablet {
    padding-right: 0 !important;
    padding-left: 0 !important; } }

@media only screen and (min-width: 768px) and (max-width: 1080px) {
  .u-margin-xxl\@tablet {
    margin: 64px !important; }
  .u-margin-top-xxl\@tablet {
    margin-top: 64px !important; }
  .u-margin-right-xxl\@tablet {
    margin-right: 64px !important; }
  .u-margin-bottom-xxl\@tablet {
    margin-bottom: 64px !important; }
  .u-margin-left-xxl\@tablet {
    margin-left: 64px !important; }
  .u-margin-ends-xxl\@tablet {
    margin-top: 64px !important;
    margin-bottom: 64px !important; }
  .u-margin-sides-xxl\@tablet {
    margin-right: 64px !important;
    margin-left: 64px !important; }
  .u-padding-xxl\@tablet {
    padding: 64px !important; }
  .u-padding-top-xxl\@tablet {
    padding-top: 64px !important; }
  .u-padding-right-xxl\@tablet {
    padding-right: 64px !important; }
  .u-padding-bottom-xxl\@tablet {
    padding-bottom: 64px !important; }
  .u-padding-left-xxl\@tablet {
    padding-left: 64px !important; }
  .u-padding-ends-xxl\@tablet {
    padding-top: 64px !important;
    padding-bottom: 64px !important; }
  .u-padding-sides-xxl\@tablet {
    padding-right: 64px !important;
    padding-left: 64px !important; }
  .u-margin-xl\@tablet {
    margin: 48px !important; }
  .u-margin-top-xl\@tablet {
    margin-top: 48px !important; }
  .u-margin-right-xl\@tablet {
    margin-right: 48px !important; }
  .u-margin-bottom-xl\@tablet {
    margin-bottom: 48px !important; }
  .u-margin-left-xl\@tablet {
    margin-left: 48px !important; }
  .u-margin-ends-xl\@tablet {
    margin-top: 48px !important;
    margin-bottom: 48px !important; }
  .u-margin-sides-xl\@tablet {
    margin-right: 48px !important;
    margin-left: 48px !important; }
  .u-padding-xl\@tablet {
    padding: 48px !important; }
  .u-padding-top-xl\@tablet {
    padding-top: 48px !important; }
  .u-padding-right-xl\@tablet {
    padding-right: 48px !important; }
  .u-padding-bottom-xl\@tablet {
    padding-bottom: 48px !important; }
  .u-padding-left-xl\@tablet {
    padding-left: 48px !important; }
  .u-padding-ends-xl\@tablet {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
  .u-padding-sides-xl\@tablet {
    padding-right: 48px !important;
    padding-left: 48px !important; }
  .u-margin-lg\@tablet {
    margin: 24px !important; }
  .u-margin-top-lg\@tablet {
    margin-top: 24px !important; }
  .u-margin-right-lg\@tablet {
    margin-right: 24px !important; }
  .u-margin-bottom-lg\@tablet {
    margin-bottom: 24px !important; }
  .u-margin-left-lg\@tablet {
    margin-left: 24px !important; }
  .u-margin-ends-lg\@tablet {
    margin-top: 24px !important;
    margin-bottom: 24px !important; }
  .u-margin-sides-lg\@tablet {
    margin-right: 24px !important;
    margin-left: 24px !important; }
  .u-padding-lg\@tablet {
    padding: 24px !important; }
  .u-padding-top-lg\@tablet {
    padding-top: 24px !important; }
  .u-padding-right-lg\@tablet {
    padding-right: 24px !important; }
  .u-padding-bottom-lg\@tablet {
    padding-bottom: 24px !important; }
  .u-padding-left-lg\@tablet {
    padding-left: 24px !important; }
  .u-padding-ends-lg\@tablet {
    padding-top: 24px !important;
    padding-bottom: 24px !important; }
  .u-padding-sides-lg\@tablet {
    padding-right: 24px !important;
    padding-left: 24px !important; }
  .u-margin-md\@tablet {
    margin: 16px !important; }
  .u-margin-top-md\@tablet {
    margin-top: 16px !important; }
  .u-margin-right-md\@tablet {
    margin-right: 16px !important; }
  .u-margin-bottom-md\@tablet {
    margin-bottom: 16px !important; }
  .u-margin-left-md\@tablet {
    margin-left: 16px !important; }
  .u-margin-ends-md\@tablet {
    margin-top: 16px !important;
    margin-bottom: 16px !important; }
  .u-margin-sides-md\@tablet {
    margin-right: 16px !important;
    margin-left: 16px !important; }
  .u-padding-md\@tablet {
    padding: 16px !important; }
  .u-padding-top-md\@tablet {
    padding-top: 16px !important; }
  .u-padding-right-md\@tablet {
    padding-right: 16px !important; }
  .u-padding-bottom-md\@tablet {
    padding-bottom: 16px !important; }
  .u-padding-left-md\@tablet {
    padding-left: 16px !important; }
  .u-padding-ends-md\@tablet {
    padding-top: 16px !important;
    padding-bottom: 16px !important; }
  .u-padding-sides-md\@tablet {
    padding-right: 16px !important;
    padding-left: 16px !important; }
  .u-margin-sm\@tablet {
    margin: 12px !important; }
  .u-margin-top-sm\@tablet {
    margin-top: 12px !important; }
  .u-margin-right-sm\@tablet {
    margin-right: 12px !important; }
  .u-margin-bottom-sm\@tablet {
    margin-bottom: 12px !important; }
  .u-margin-left-sm\@tablet {
    margin-left: 12px !important; }
  .u-margin-ends-sm\@tablet {
    margin-top: 12px !important;
    margin-bottom: 12px !important; }
  .u-margin-sides-sm\@tablet {
    margin-right: 12px !important;
    margin-left: 12px !important; }
  .u-padding-sm\@tablet {
    padding: 12px !important; }
  .u-padding-top-sm\@tablet {
    padding-top: 12px !important; }
  .u-padding-right-sm\@tablet {
    padding-right: 12px !important; }
  .u-padding-bottom-sm\@tablet {
    padding-bottom: 12px !important; }
  .u-padding-left-sm\@tablet {
    padding-left: 12px !important; }
  .u-padding-ends-sm\@tablet {
    padding-top: 12px !important;
    padding-bottom: 12px !important; }
  .u-padding-sides-sm\@tablet {
    padding-right: 12px !important;
    padding-left: 12px !important; }
  .u-margin-xs\@tablet {
    margin: 8px !important; }
  .u-margin-top-xs\@tablet {
    margin-top: 8px !important; }
  .u-margin-right-xs\@tablet {
    margin-right: 8px !important; }
  .u-margin-bottom-xs\@tablet {
    margin-bottom: 8px !important; }
  .u-margin-left-xs\@tablet {
    margin-left: 8px !important; }
  .u-margin-ends-xs\@tablet {
    margin-top: 8px !important;
    margin-bottom: 8px !important; }
  .u-margin-sides-xs\@tablet {
    margin-right: 8px !important;
    margin-left: 8px !important; }
  .u-padding-xs\@tablet {
    padding: 8px !important; }
  .u-padding-top-xs\@tablet {
    padding-top: 8px !important; }
  .u-padding-right-xs\@tablet {
    padding-right: 8px !important; }
  .u-padding-bottom-xs\@tablet {
    padding-bottom: 8px !important; }
  .u-padding-left-xs\@tablet {
    padding-left: 8px !important; }
  .u-padding-ends-xs\@tablet {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
  .u-padding-sides-xs\@tablet {
    padding-right: 8px !important;
    padding-left: 8px !important; }
  .u-margin-xxs\@tablet {
    margin: 4px !important; }
  .u-margin-top-xxs\@tablet {
    margin-top: 4px !important; }
  .u-margin-right-xxs\@tablet {
    margin-right: 4px !important; }
  .u-margin-bottom-xxs\@tablet {
    margin-bottom: 4px !important; }
  .u-margin-left-xxs\@tablet {
    margin-left: 4px !important; }
  .u-margin-ends-xxs\@tablet {
    margin-top: 4px !important;
    margin-bottom: 4px !important; }
  .u-margin-sides-xxs\@tablet {
    margin-right: 4px !important;
    margin-left: 4px !important; }
  .u-padding-xxs\@tablet {
    padding: 4px !important; }
  .u-padding-top-xxs\@tablet {
    padding-top: 4px !important; }
  .u-padding-right-xxs\@tablet {
    padding-right: 4px !important; }
  .u-padding-bottom-xxs\@tablet {
    padding-bottom: 4px !important; }
  .u-padding-left-xxs\@tablet {
    padding-left: 4px !important; }
  .u-padding-ends-xxs\@tablet {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  .u-padding-sides-xxs\@tablet {
    padding-right: 4px !important;
    padding-left: 4px !important; }
  .u-margin-none\@tablet {
    margin: 0 !important; }
  .u-margin-top-none\@tablet {
    margin-top: 0 !important; }
  .u-margin-right-none\@tablet {
    margin-right: 0 !important; }
  .u-margin-bottom-none\@tablet {
    margin-bottom: 0 !important; }
  .u-margin-left-none\@tablet {
    margin-left: 0 !important; }
  .u-margin-ends-none\@tablet {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .u-margin-sides-none\@tablet {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .u-margin-auto\@tablet {
    margin: auto !important; }
  .u-margin-top-auto\@tablet {
    margin-top: auto !important; }
  .u-margin-right-auto\@tablet {
    margin-right: auto !important; }
  .u-margin-bottom-auto\@tablet {
    margin-bottom: auto !important; }
  .u-margin-left-auto\@tablet {
    margin-left: auto !important; }
  .u-margin-ends-auto\@tablet {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .u-margin-sides-auto\@tablet {
    margin-right: auto !important;
    margin-left: auto !important; }
  .u-padding-none\@tablet {
    padding: 0 !important; }
  .u-padding-top-none\@tablet {
    padding-top: 0 !important; }
  .u-padding-right-none\@tablet {
    padding-right: 0 !important; }
  .u-padding-bottom-none\@tablet {
    padding-bottom: 0 !important; }
  .u-padding-left-none\@tablet {
    padding-left: 0 !important; }
  .u-padding-ends-none\@tablet {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .u-padding-sides-none\@tablet {
    padding-right: 0 !important;
    padding-left: 0 !important; } }

@media only screen and (max-width: 767px) {
  .u-margin-xxl\@mobile {
    margin: 64px !important; }
  .u-margin-top-xxl\@mobile {
    margin-top: 64px !important; }
  .u-margin-right-xxl\@mobile {
    margin-right: 64px !important; }
  .u-margin-bottom-xxl\@mobile {
    margin-bottom: 64px !important; }
  .u-margin-left-xxl\@mobile {
    margin-left: 64px !important; }
  .u-margin-ends-xxl\@mobile {
    margin-top: 64px !important;
    margin-bottom: 64px !important; }
  .u-margin-sides-xxl\@mobile {
    margin-right: 64px !important;
    margin-left: 64px !important; }
  .u-padding-xxl\@mobile {
    padding: 64px !important; }
  .u-padding-top-xxl\@mobile {
    padding-top: 64px !important; }
  .u-padding-right-xxl\@mobile {
    padding-right: 64px !important; }
  .u-padding-bottom-xxl\@mobile {
    padding-bottom: 64px !important; }
  .u-padding-left-xxl\@mobile {
    padding-left: 64px !important; }
  .u-padding-ends-xxl\@mobile {
    padding-top: 64px !important;
    padding-bottom: 64px !important; }
  .u-padding-sides-xxl\@mobile {
    padding-right: 64px !important;
    padding-left: 64px !important; }
  .u-margin-xl\@mobile {
    margin: 48px !important; }
  .u-margin-top-xl\@mobile {
    margin-top: 48px !important; }
  .u-margin-right-xl\@mobile {
    margin-right: 48px !important; }
  .u-margin-bottom-xl\@mobile {
    margin-bottom: 48px !important; }
  .u-margin-left-xl\@mobile {
    margin-left: 48px !important; }
  .u-margin-ends-xl\@mobile {
    margin-top: 48px !important;
    margin-bottom: 48px !important; }
  .u-margin-sides-xl\@mobile {
    margin-right: 48px !important;
    margin-left: 48px !important; }
  .u-padding-xl\@mobile {
    padding: 48px !important; }
  .u-padding-top-xl\@mobile {
    padding-top: 48px !important; }
  .u-padding-right-xl\@mobile {
    padding-right: 48px !important; }
  .u-padding-bottom-xl\@mobile {
    padding-bottom: 48px !important; }
  .u-padding-left-xl\@mobile {
    padding-left: 48px !important; }
  .u-padding-ends-xl\@mobile {
    padding-top: 48px !important;
    padding-bottom: 48px !important; }
  .u-padding-sides-xl\@mobile {
    padding-right: 48px !important;
    padding-left: 48px !important; }
  .u-margin-lg\@mobile {
    margin: 24px !important; }
  .u-margin-top-lg\@mobile {
    margin-top: 24px !important; }
  .u-margin-right-lg\@mobile {
    margin-right: 24px !important; }
  .u-margin-bottom-lg\@mobile {
    margin-bottom: 24px !important; }
  .u-margin-left-lg\@mobile {
    margin-left: 24px !important; }
  .u-margin-ends-lg\@mobile {
    margin-top: 24px !important;
    margin-bottom: 24px !important; }
  .u-margin-sides-lg\@mobile {
    margin-right: 24px !important;
    margin-left: 24px !important; }
  .u-padding-lg\@mobile {
    padding: 24px !important; }
  .u-padding-top-lg\@mobile {
    padding-top: 24px !important; }
  .u-padding-right-lg\@mobile {
    padding-right: 24px !important; }
  .u-padding-bottom-lg\@mobile {
    padding-bottom: 24px !important; }
  .u-padding-left-lg\@mobile {
    padding-left: 24px !important; }
  .u-padding-ends-lg\@mobile {
    padding-top: 24px !important;
    padding-bottom: 24px !important; }
  .u-padding-sides-lg\@mobile {
    padding-right: 24px !important;
    padding-left: 24px !important; }
  .u-margin-md\@mobile {
    margin: 16px !important; }
  .u-margin-top-md\@mobile {
    margin-top: 16px !important; }
  .u-margin-right-md\@mobile {
    margin-right: 16px !important; }
  .u-margin-bottom-md\@mobile {
    margin-bottom: 16px !important; }
  .u-margin-left-md\@mobile {
    margin-left: 16px !important; }
  .u-margin-ends-md\@mobile {
    margin-top: 16px !important;
    margin-bottom: 16px !important; }
  .u-margin-sides-md\@mobile {
    margin-right: 16px !important;
    margin-left: 16px !important; }
  .u-padding-md\@mobile {
    padding: 16px !important; }
  .u-padding-top-md\@mobile {
    padding-top: 16px !important; }
  .u-padding-right-md\@mobile {
    padding-right: 16px !important; }
  .u-padding-bottom-md\@mobile {
    padding-bottom: 16px !important; }
  .u-padding-left-md\@mobile {
    padding-left: 16px !important; }
  .u-padding-ends-md\@mobile {
    padding-top: 16px !important;
    padding-bottom: 16px !important; }
  .u-padding-sides-md\@mobile {
    padding-right: 16px !important;
    padding-left: 16px !important; }
  .u-margin-sm\@mobile {
    margin: 12px !important; }
  .u-margin-top-sm\@mobile {
    margin-top: 12px !important; }
  .u-margin-right-sm\@mobile {
    margin-right: 12px !important; }
  .u-margin-bottom-sm\@mobile {
    margin-bottom: 12px !important; }
  .u-margin-left-sm\@mobile {
    margin-left: 12px !important; }
  .u-margin-ends-sm\@mobile {
    margin-top: 12px !important;
    margin-bottom: 12px !important; }
  .u-margin-sides-sm\@mobile {
    margin-right: 12px !important;
    margin-left: 12px !important; }
  .u-padding-sm\@mobile {
    padding: 12px !important; }
  .u-padding-top-sm\@mobile {
    padding-top: 12px !important; }
  .u-padding-right-sm\@mobile {
    padding-right: 12px !important; }
  .u-padding-bottom-sm\@mobile {
    padding-bottom: 12px !important; }
  .u-padding-left-sm\@mobile {
    padding-left: 12px !important; }
  .u-padding-ends-sm\@mobile {
    padding-top: 12px !important;
    padding-bottom: 12px !important; }
  .u-padding-sides-sm\@mobile {
    padding-right: 12px !important;
    padding-left: 12px !important; }
  .u-margin-xs\@mobile {
    margin: 8px !important; }
  .u-margin-top-xs\@mobile {
    margin-top: 8px !important; }
  .u-margin-right-xs\@mobile {
    margin-right: 8px !important; }
  .u-margin-bottom-xs\@mobile {
    margin-bottom: 8px !important; }
  .u-margin-left-xs\@mobile {
    margin-left: 8px !important; }
  .u-margin-ends-xs\@mobile {
    margin-top: 8px !important;
    margin-bottom: 8px !important; }
  .u-margin-sides-xs\@mobile {
    margin-right: 8px !important;
    margin-left: 8px !important; }
  .u-padding-xs\@mobile {
    padding: 8px !important; }
  .u-padding-top-xs\@mobile {
    padding-top: 8px !important; }
  .u-padding-right-xs\@mobile {
    padding-right: 8px !important; }
  .u-padding-bottom-xs\@mobile {
    padding-bottom: 8px !important; }
  .u-padding-left-xs\@mobile {
    padding-left: 8px !important; }
  .u-padding-ends-xs\@mobile {
    padding-top: 8px !important;
    padding-bottom: 8px !important; }
  .u-padding-sides-xs\@mobile {
    padding-right: 8px !important;
    padding-left: 8px !important; }
  .u-margin-xxs\@mobile {
    margin: 4px !important; }
  .u-margin-top-xxs\@mobile {
    margin-top: 4px !important; }
  .u-margin-right-xxs\@mobile {
    margin-right: 4px !important; }
  .u-margin-bottom-xxs\@mobile {
    margin-bottom: 4px !important; }
  .u-margin-left-xxs\@mobile {
    margin-left: 4px !important; }
  .u-margin-ends-xxs\@mobile {
    margin-top: 4px !important;
    margin-bottom: 4px !important; }
  .u-margin-sides-xxs\@mobile {
    margin-right: 4px !important;
    margin-left: 4px !important; }
  .u-padding-xxs\@mobile {
    padding: 4px !important; }
  .u-padding-top-xxs\@mobile {
    padding-top: 4px !important; }
  .u-padding-right-xxs\@mobile {
    padding-right: 4px !important; }
  .u-padding-bottom-xxs\@mobile {
    padding-bottom: 4px !important; }
  .u-padding-left-xxs\@mobile {
    padding-left: 4px !important; }
  .u-padding-ends-xxs\@mobile {
    padding-top: 4px !important;
    padding-bottom: 4px !important; }
  .u-padding-sides-xxs\@mobile {
    padding-right: 4px !important;
    padding-left: 4px !important; }
  .u-margin-none\@mobile {
    margin: 0 !important; }
  .u-margin-top-none\@mobile {
    margin-top: 0 !important; }
  .u-margin-right-none\@mobile {
    margin-right: 0 !important; }
  .u-margin-bottom-none\@mobile {
    margin-bottom: 0 !important; }
  .u-margin-left-none\@mobile {
    margin-left: 0 !important; }
  .u-margin-ends-none\@mobile {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .u-margin-sides-none\@mobile {
    margin-right: 0 !important;
    margin-left: 0 !important; }
  .u-margin-auto\@mobile {
    margin: auto !important; }
  .u-margin-top-auto\@mobile {
    margin-top: auto !important; }
  .u-margin-right-auto\@mobile {
    margin-right: auto !important; }
  .u-margin-bottom-auto\@mobile {
    margin-bottom: auto !important; }
  .u-margin-left-auto\@mobile {
    margin-left: auto !important; }
  .u-margin-ends-auto\@mobile {
    margin-top: auto !important;
    margin-bottom: auto !important; }
  .u-margin-sides-auto\@mobile {
    margin-right: auto !important;
    margin-left: auto !important; }
  .u-padding-none\@mobile {
    padding: 0 !important; }
  .u-padding-top-none\@mobile {
    padding-top: 0 !important; }
  .u-padding-right-none\@mobile {
    padding-right: 0 !important; }
  .u-padding-bottom-none\@mobile {
    padding-bottom: 0 !important; }
  .u-padding-left-none\@mobile {
    padding-left: 0 !important; }
  .u-padding-ends-none\@mobile {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .u-padding-sides-none\@mobile {
    padding-right: 0 !important;
    padding-left: 0 !important; } }

/*# sourceMappingURL=spacing.css.map */