.container-query-size {
  container-type: size;
}

.container-query-inline,
.container-query-inline-size {
  container-type: inline-size;
}

.container-query-normal {
  container-type: normal;
}

@container (width >=425px) {
  .col-xsm {
    flex: 1 0 0%;
  }

  .col-xsm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xsm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xsm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xsm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xsm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xsm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xsm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xsm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xsm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xsm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xsm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xsm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xsm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .cd-xsm-inline {
    display: inline !important;
  }

  .cd-xsm-inline-block {
    display: inline-block !important;
  }

  .cd-xsm-block {
    display: block !important;
  }

  .cd-xsm-grid {
    display: grid !important;
  }

  .cd-xsm-inline-grid {
    display: inline-grid !important;
  }

  .cd-xsm-table {
    display: table !important;
  }

  .cd-xsm-table-row {
    display: table-row !important;
  }

  .cd-xsm-table-cell {
    display: table-cell !important;
  }

  .cd-xsm-flex {
    display: flex !important;
  }

  .cd-xsm-inline-flex {
    display: inline-flex !important;
  }

  .cd-xsm-none {
    display: none !important;
  }

  .cp-xsm-0 {
    padding: 0 !important;
  }

  .cp-xsm-1 {
    padding: 0.25rem !important;
  }

  .cp-xsm-2 {
    padding: 0.5rem !important;
  }

  .cp-xsm-3 {
    padding: 1rem !important;
  }

  .cp-xsm-4 {
    padding: 1.5rem !important;
  }

  .cp-xsm-5 {
    padding: 3rem !important;
  }

  .cpx-xsm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .cpx-xsm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .cpx-xsm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .cpx-xsm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .cpx-xsm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .cpx-xsm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .cpy-xsm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cpy-xsm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .cpy-xsm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .cpy-xsm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .cpy-xsm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .cpy-xsm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .cpt-xsm-0 {
    padding-top: 0 !important;
  }

  .cpt-xsm-1 {
    padding-top: 0.25rem !important;
  }

  .cpt-xsm-2 {
    padding-top: 0.5rem !important;
  }

  .cpt-xsm-3 {
    padding-top: 1rem !important;
  }

  .cpt-xsm-4 {
    padding-top: 1.5rem !important;
  }

  .cpt-xsm-5 {
    padding-top: 3rem !important;
  }

  .cpe-xsm-0 {
    padding-right: 0 !important;
  }

  .cpe-xsm-1 {
    padding-right: 0.25rem !important;
  }

  .cpe-xsm-2 {
    padding-right: 0.5rem !important;
  }

  .cpe-xsm-3 {
    padding-right: 1rem !important;
  }

  .cpe-xsm-4 {
    padding-right: 1.5rem !important;
  }

  .cpe-xsm-5 {
    padding-right: 3rem !important;
  }

  .cpb-xsm-0 {
    padding-bottom: 0 !important;
  }

  .cpb-xsm-1 {
    padding-bottom: 0.25rem !important;
  }

  .cpb-xsm-2 {
    padding-bottom: 0.5rem !important;
  }

  .cpb-xsm-3 {
    padding-bottom: 1rem !important;
  }

  .cpb-xsm-4 {
    padding-bottom: 1.5rem !important;
  }

  .cpb-xsm-5 {
    padding-bottom: 3rem !important;
  }

  .cps-xsm-0 {
    padding-left: 0 !important;
  }

  .cps-xsm-1 {
    padding-left: 0.25rem !important;
  }

  .cps-xsm-2 {
    padding-left: 0.5rem !important;
  }

  .cps-xsm-3 {
    padding-left: 1rem !important;
  }

  .cps-xsm-4 {
    padding-left: 1.5rem !important;
  }

  .cps-xsm-5 {
    padding-left: 3rem !important;
  }
}

@container (width >=576px) {
  .col-sm {
    flex: 1 0 0%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .cd-sm-inline {
    display: inline !important;
  }

  .cd-sm-inline-block {
    display: inline-block !important;
  }

  .cd-sm-block {
    display: block !important;
  }

  .cd-sm-grid {
    display: grid !important;
  }

  .cd-sm-inline-grid {
    display: inline-grid !important;
  }

  .cd-sm-table {
    display: table !important;
  }

  .cd-sm-table-row {
    display: table-row !important;
  }

  .cd-sm-table-cell {
    display: table-cell !important;
  }

  .cd-sm-flex {
    display: flex !important;
  }

  .cd-sm-inline-flex {
    display: inline-flex !important;
  }

  .cd-sm-none {
    display: none !important;
  }

  .cp-sm-0 {
    padding: 0 !important;
  }

  .cp-sm-1 {
    padding: 0.25rem !important;
  }

  .cp-sm-2 {
    padding: 0.5rem !important;
  }

  .cp-sm-3 {
    padding: 1rem !important;
  }

  .cp-sm-4 {
    padding: 1.5rem !important;
  }

  .cp-sm-5 {
    padding: 3rem !important;
  }

  .cpx-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .cpx-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .cpx-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .cpx-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .cpx-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .cpx-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .cpy-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cpy-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .cpy-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .cpy-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .cpy-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .cpy-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .cpt-sm-0 {
    padding-top: 0 !important;
  }

  .cpt-sm-1 {
    padding-top: 0.25rem !important;
  }

  .cpt-sm-2 {
    padding-top: 0.5rem !important;
  }

  .cpt-sm-3 {
    padding-top: 1rem !important;
  }

  .cpt-sm-4 {
    padding-top: 1.5rem !important;
  }

  .cpt-sm-5 {
    padding-top: 3rem !important;
  }

  .cpe-sm-0 {
    padding-right: 0 !important;
  }

  .cpe-sm-1 {
    padding-right: 0.25rem !important;
  }

  .cpe-sm-2 {
    padding-right: 0.5rem !important;
  }

  .cpe-sm-3 {
    padding-right: 1rem !important;
  }

  .cpe-sm-4 {
    padding-right: 1.5rem !important;
  }

  .cpe-sm-5 {
    padding-right: 3rem !important;
  }

  .cpb-sm-0 {
    padding-bottom: 0 !important;
  }

  .cpb-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .cpb-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .cpb-sm-3 {
    padding-bottom: 1rem !important;
  }

  .cpb-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .cpb-sm-5 {
    padding-bottom: 3rem !important;
  }

  .cps-sm-0 {
    padding-left: 0 !important;
  }

  .cps-sm-1 {
    padding-left: 0.25rem !important;
  }

  .cps-sm-2 {
    padding-left: 0.5rem !important;
  }

  .cps-sm-3 {
    padding-left: 1rem !important;
  }

  .cps-sm-4 {
    padding-left: 1.5rem !important;
  }

  .cps-sm-5 {
    padding-left: 3rem !important;
  }
}

@container (width >=768px) {
  .col-md {
    flex: 1 0 0%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .cd-md-inline {
    display: inline !important;
  }

  .cd-md-inline-block {
    display: inline-block !important;
  }

  .cd-md-block {
    display: block !important;
  }

  .cd-md-grid {
    display: grid !important;
  }

  .cd-md-inline-grid {
    display: inline-grid !important;
  }

  .cd-md-table {
    display: table !important;
  }

  .cd-md-table-row {
    display: table-row !important;
  }

  .cd-md-table-cell {
    display: table-cell !important;
  }

  .cd-md-flex {
    display: flex !important;
  }

  .cd-md-inline-flex {
    display: inline-flex !important;
  }

  .cd-md-none {
    display: none !important;
  }

  .cp-md-0 {
    padding: 0 !important;
  }

  .cp-md-1 {
    padding: 0.25rem !important;
  }

  .cp-md-2 {
    padding: 0.5rem !important;
  }

  .cp-md-3 {
    padding: 1rem !important;
  }

  .cp-md-4 {
    padding: 1.5rem !important;
  }

  .cp-md-5 {
    padding: 3rem !important;
  }

  .cpx-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .cpx-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .cpx-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .cpx-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .cpx-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .cpx-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .cpy-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cpy-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .cpy-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .cpy-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .cpy-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .cpy-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .cpt-md-0 {
    padding-top: 0 !important;
  }

  .cpt-md-1 {
    padding-top: 0.25rem !important;
  }

  .cpt-md-2 {
    padding-top: 0.5rem !important;
  }

  .cpt-md-3 {
    padding-top: 1rem !important;
  }

  .cpt-md-4 {
    padding-top: 1.5rem !important;
  }

  .cpt-md-5 {
    padding-top: 3rem !important;
  }

  .cpe-md-0 {
    padding-right: 0 !important;
  }

  .cpe-md-1 {
    padding-right: 0.25rem !important;
  }

  .cpe-md-2 {
    padding-right: 0.5rem !important;
  }

  .cpe-md-3 {
    padding-right: 1rem !important;
  }

  .cpe-md-4 {
    padding-right: 1.5rem !important;
  }

  .cpe-md-5 {
    padding-right: 3rem !important;
  }

  .cpb-md-0 {
    padding-bottom: 0 !important;
  }

  .cpb-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .cpb-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .cpb-md-3 {
    padding-bottom: 1rem !important;
  }

  .cpb-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .cpb-md-5 {
    padding-bottom: 3rem !important;
  }

  .cps-md-0 {
    padding-left: 0 !important;
  }

  .cps-md-1 {
    padding-left: 0.25rem !important;
  }

  .cps-md-2 {
    padding-left: 0.5rem !important;
  }

  .cps-md-3 {
    padding-left: 1rem !important;
  }

  .cps-md-4 {
    padding-left: 1.5rem !important;
  }

  .cps-md-5 {
    padding-left: 3rem !important;
  }
}

@container (width >=992px) {
  .col-lg {
    flex: 1 0 0%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .cd-lg-inline {
    display: inline !important;
  }

  .cd-lg-inline-block {
    display: inline-block !important;
  }

  .cd-lg-block {
    display: block !important;
  }

  .cd-lg-grid {
    display: grid !important;
  }

  .cd-lg-inline-grid {
    display: inline-grid !important;
  }

  .cd-lg-table {
    display: table !important;
  }

  .cd-lg-table-row {
    display: table-row !important;
  }

  .cd-lg-table-cell {
    display: table-cell !important;
  }

  .cd-lg-flex {
    display: flex !important;
  }

  .cd-lg-inline-flex {
    display: inline-flex !important;
  }

  .cd-lg-none {
    display: none !important;
  }

  .cp-lg-0 {
    padding: 0 !important;
  }

  .cp-lg-1 {
    padding: 0.25rem !important;
  }

  .cp-lg-2 {
    padding: 0.5rem !important;
  }

  .cp-lg-3 {
    padding: 1rem !important;
  }

  .cp-lg-4 {
    padding: 1.5rem !important;
  }

  .cp-lg-5 {
    padding: 3rem !important;
  }

  .cpx-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .cpx-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .cpx-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .cpx-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .cpx-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .cpx-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .cpy-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cpy-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .cpy-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .cpy-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .cpy-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .cpy-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .cpt-lg-0 {
    padding-top: 0 !important;
  }

  .cpt-lg-1 {
    padding-top: 0.25rem !important;
  }

  .cpt-lg-2 {
    padding-top: 0.5rem !important;
  }

  .cpt-lg-3 {
    padding-top: 1rem !important;
  }

  .cpt-lg-4 {
    padding-top: 1.5rem !important;
  }

  .cpt-lg-5 {
    padding-top: 3rem !important;
  }

  .cpe-lg-0 {
    padding-right: 0 !important;
  }

  .cpe-lg-1 {
    padding-right: 0.25rem !important;
  }

  .cpe-lg-2 {
    padding-right: 0.5rem !important;
  }

  .cpe-lg-3 {
    padding-right: 1rem !important;
  }

  .cpe-lg-4 {
    padding-right: 1.5rem !important;
  }

  .cpe-lg-5 {
    padding-right: 3rem !important;
  }

  .cpb-lg-0 {
    padding-bottom: 0 !important;
  }

  .cpb-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .cpb-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .cpb-lg-3 {
    padding-bottom: 1rem !important;
  }

  .cpb-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .cpb-lg-5 {
    padding-bottom: 3rem !important;
  }

  .cps-lg-0 {
    padding-left: 0 !important;
  }

  .cps-lg-1 {
    padding-left: 0.25rem !important;
  }

  .cps-lg-2 {
    padding-left: 0.5rem !important;
  }

  .cps-lg-3 {
    padding-left: 1rem !important;
  }

  .cps-lg-4 {
    padding-left: 1.5rem !important;
  }

  .cps-lg-5 {
    padding-left: 3rem !important;
  }
}

@container (width >=1200px) {
  .col-xl {
    flex: 1 0 0%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .cd-xl-inline {
    display: inline !important;
  }

  .cd-xl-inline-block {
    display: inline-block !important;
  }

  .cd-xl-block {
    display: block !important;
  }

  .cd-xl-grid {
    display: grid !important;
  }

  .cd-xl-inline-grid {
    display: inline-grid !important;
  }

  .cd-xl-table {
    display: table !important;
  }

  .cd-xl-table-row {
    display: table-row !important;
  }

  .cd-xl-table-cell {
    display: table-cell !important;
  }

  .cd-xl-flex {
    display: flex !important;
  }

  .cd-xl-inline-flex {
    display: inline-flex !important;
  }

  .cd-xl-none {
    display: none !important;
  }

  .cp-xl-0 {
    padding: 0 !important;
  }

  .cp-xl-1 {
    padding: 0.25rem !important;
  }

  .cp-xl-2 {
    padding: 0.5rem !important;
  }

  .cp-xl-3 {
    padding: 1rem !important;
  }

  .cp-xl-4 {
    padding: 1.5rem !important;
  }

  .cp-xl-5 {
    padding: 3rem !important;
  }

  .cpx-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .cpx-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .cpx-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .cpx-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .cpx-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .cpx-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .cpy-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cpy-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .cpy-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .cpy-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .cpy-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .cpy-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .cpt-xl-0 {
    padding-top: 0 !important;
  }

  .cpt-xl-1 {
    padding-top: 0.25rem !important;
  }

  .cpt-xl-2 {
    padding-top: 0.5rem !important;
  }

  .cpt-xl-3 {
    padding-top: 1rem !important;
  }

  .cpt-xl-4 {
    padding-top: 1.5rem !important;
  }

  .cpt-xl-5 {
    padding-top: 3rem !important;
  }

  .cpe-xl-0 {
    padding-right: 0 !important;
  }

  .cpe-xl-1 {
    padding-right: 0.25rem !important;
  }

  .cpe-xl-2 {
    padding-right: 0.5rem !important;
  }

  .cpe-xl-3 {
    padding-right: 1rem !important;
  }

  .cpe-xl-4 {
    padding-right: 1.5rem !important;
  }

  .cpe-xl-5 {
    padding-right: 3rem !important;
  }

  .cpb-xl-0 {
    padding-bottom: 0 !important;
  }

  .cpb-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .cpb-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .cpb-xl-3 {
    padding-bottom: 1rem !important;
  }

  .cpb-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .cpb-xl-5 {
    padding-bottom: 3rem !important;
  }

  .cps-xl-0 {
    padding-left: 0 !important;
  }

  .cps-xl-1 {
    padding-left: 0.25rem !important;
  }

  .cps-xl-2 {
    padding-left: 0.5rem !important;
  }

  .cps-xl-3 {
    padding-left: 1rem !important;
  }

  .cps-xl-4 {
    padding-left: 1.5rem !important;
  }

  .cps-xl-5 {
    padding-left: 3rem !important;
  }
}

@container (width >=1400px) {
  .col-xxl {
    flex: 1 0 0%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }

  .cd-xxl-inline {
    display: inline !important;
  }

  .cd-xxl-inline-block {
    display: inline-block !important;
  }

  .cd-xxl-block {
    display: block !important;
  }

  .cd-xxl-grid {
    display: grid !important;
  }

  .cd-xxl-inline-grid {
    display: inline-grid !important;
  }

  .cd-xxl-table {
    display: table !important;
  }

  .cd-xxl-table-row {
    display: table-row !important;
  }

  .cd-xxl-table-cell {
    display: table-cell !important;
  }

  .cd-xxl-flex {
    display: flex !important;
  }

  .cd-xxl-inline-flex {
    display: inline-flex !important;
  }

  .cd-xxl-none {
    display: none !important;
  }

  .cp-xxl-0 {
    padding: 0 !important;
  }

  .cp-xxl-1 {
    padding: 0.25rem !important;
  }

  .cp-xxl-2 {
    padding: 0.5rem !important;
  }

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

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

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

  .cpx-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .cpx-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }

  .cpx-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }

  .cpx-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }

  .cpx-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }

  .cpx-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }

  .cpy-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .cpy-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .cpy-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }

  .cpy-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }

  .cpy-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }

  .cpy-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }

  .cpt-xxl-0 {
    padding-top: 0 !important;
  }

  .cpt-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .cpt-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .cpt-xxl-3 {
    padding-top: 1rem !important;
  }

  .cpt-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .cpt-xxl-5 {
    padding-top: 3rem !important;
  }

  .cpe-xxl-0 {
    padding-right: 0 !important;
  }

  .cpe-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .cpe-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .cpe-xxl-3 {
    padding-right: 1rem !important;
  }

  .cpe-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .cpe-xxl-5 {
    padding-right: 3rem !important;
  }

  .cpb-xxl-0 {
    padding-bottom: 0 !important;
  }

  .cpb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .cpb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .cpb-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .cpb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .cpb-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .cps-xxl-0 {
    padding-left: 0 !important;
  }

  .cps-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .cps-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .cps-xxl-3 {
    padding-left: 1rem !important;
  }

  .cps-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .cps-xxl-5 {
    padding-left: 3rem !important;
  }
}