@import "../../variable";

@media (min-width: $xxl-breakpoint) {
  .p-xxl-grid {
    padding: $xl-main-padding !important
  }

  .pt-xxl-grid, .py-xxl-grid {
    padding-top: $xl-main-padding !important
  }

  .pr-xxl-grid, .px-xxl-grid {
    padding-right: $xl-main-padding !important
  }

  .pb-xxl-grid, .py-xxl-grid {
    padding-bottom: $xl-main-padding !important
  }

  .pl-xxl-grid, .px-xxl-grid {
    padding-left: $xl-main-padding !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .pt-xxl-0, .py-xxl-0 {
    padding-top: 0 !important
  }

  .pr-xxl-0, .px-xxl-0 {
    padding-right: 0 !important
  }

  .pb-xxl-0, .py-xxl-0 {
    padding-bottom: 0 !important
  }

  .pl-xxl-0, .px-xxl-0 {
    padding-left: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .pt-xxl-1, .py-xxl-1 {
    padding-top: .25rem !important
  }

  .pr-xxl-1, .px-xxl-1 {
    padding-right: .25rem !important
  }

  .pb-xxl-1, .py-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pl-xxl-1, .px-xxl-1 {
    padding-left: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .pt-xxl-2, .py-xxl-2 {
    padding-top: .5rem !important
  }

  .pr-xxl-2, .px-xxl-2 {
    padding-right: .5rem !important
  }

  .pb-xxl-2, .py-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pl-xxl-2, .px-xxl-2 {
    padding-left: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .pt-xxl-3, .py-xxl-3 {
    padding-top: 1rem !important
  }

  .pr-xxl-3, .px-xxl-3 {
    padding-right: 1rem !important
  }

  .pb-xxl-3, .py-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pl-xxl-3, .px-xxl-3 {
    padding-left: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .pt-xxl-4, .py-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pr-xxl-4, .px-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pb-xxl-4, .py-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pl-xxl-4, .px-xxl-4 {
    padding-left: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

  .pt-xxl-5, .py-xxl-5 {
    padding-top: 3rem !important
  }

  .pr-xxl-5, .px-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-5, .py-xxl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xxl-5, .px-xxl-5 {
    padding-left: 3rem !important
  }
}