@keenmate/pure-css 1.0.0-rc03 → 1.0.0-rc05

package/dist/css/grid.css

@@ -1,1761 +1,1761 @@
-.pa-row {
+.pc-row {
   display: flex;
   flex-wrap: wrap;
   margin-inline: -0.8rem;
   row-gap: 0.8rem;
 }
-.pa-row .pa-row {
+.pc-row .pc-row {
   margin-inline: 0;
 }
 
-.pa-row--no-gutter {
+.pc-row--no-gutter {
   margin-inline: 0;
 }
-.pa-row--no-gutter > [class*=pa-col] {
+.pc-row--no-gutter > [class*=pc-col] {
   padding-inline: 0;
 }
 
-.pa-row--center {
+.pc-row--center {
   justify-content: center;
 }
 
-.pa-row--end {
+.pc-row--end {
   justify-content: flex-end;
 }
 
-.pa-row--between {
+.pc-row--between {
   justify-content: space-between;
 }
 
-.pa-row--around {
+.pc-row--around {
   justify-content: space-around;
 }
 
-.pa-row--stretch {
+.pc-row--stretch {
   align-items: stretch;
 }
 
-.pa-row--top {
+.pc-row--top {
   align-items: flex-start;
 }
 
-.pa-row--middle {
+.pc-row--middle {
   align-items: center;
 }
 
-.pa-row--bottom {
+.pc-row--bottom {
   align-items: flex-end;
 }
 
-.pa-row--same-height > [class*=pa-col] > .pa-card {
+.pc-row--same-height > [class*=pc-col] > .pa-card {
   height: 100%;
 }
 
-.pa-col {
+.pc-col {
   flex: 1;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-auto {
+.pc-col-auto {
   flex: 0 0 auto;
   width: auto;
   padding-inline: 0.8rem;
 }
 
-.pa-col-5 {
+.pc-col-5 {
   flex: 0 0 5%;
   max-width: 5%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-10 {
+.pc-col-10 {
   flex: 0 0 10%;
   max-width: 10%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-15 {
+.pc-col-15 {
   flex: 0 0 15%;
   max-width: 15%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-20 {
+.pc-col-20 {
   flex: 0 0 20%;
   max-width: 20%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-25 {
+.pc-col-25 {
   flex: 0 0 25%;
   max-width: 25%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-30 {
+.pc-col-30 {
   flex: 0 0 30%;
   max-width: 30%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-35 {
+.pc-col-35 {
   flex: 0 0 35%;
   max-width: 35%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-40 {
+.pc-col-40 {
   flex: 0 0 40%;
   max-width: 40%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-45 {
+.pc-col-45 {
   flex: 0 0 45%;
   max-width: 45%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-50 {
+.pc-col-50 {
   flex: 0 0 50%;
   max-width: 50%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-55 {
+.pc-col-55 {
   flex: 0 0 55%;
   max-width: 55%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-60 {
+.pc-col-60 {
   flex: 0 0 60%;
   max-width: 60%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-65 {
+.pc-col-65 {
   flex: 0 0 65%;
   max-width: 65%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-70 {
+.pc-col-70 {
   flex: 0 0 70%;
   max-width: 70%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-75 {
+.pc-col-75 {
   flex: 0 0 75%;
   max-width: 75%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-80 {
+.pc-col-80 {
   flex: 0 0 80%;
   max-width: 80%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-85 {
+.pc-col-85 {
   flex: 0 0 85%;
   max-width: 85%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-90 {
+.pc-col-90 {
   flex: 0 0 90%;
   max-width: 90%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-95 {
+.pc-col-95 {
   flex: 0 0 95%;
   max-width: 95%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-100 {
+.pc-col-100 {
   flex: 0 0 100%;
   max-width: 100%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-1-2 {
+.pc-col-1-2 {
   flex: 0 0 50%;
   max-width: 50%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-1-3 {
+.pc-col-1-3 {
   flex: 0 0 33.333%;
   max-width: 33.333%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-2-3 {
+.pc-col-2-3 {
   flex: 0 0 66.667%;
   max-width: 66.667%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-1-4 {
+.pc-col-1-4 {
   flex: 0 0 25%;
   max-width: 25%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-3-4 {
+.pc-col-3-4 {
   flex: 0 0 75%;
   max-width: 75%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-1-5 {
+.pc-col-1-5 {
   flex: 0 0 20%;
   max-width: 20%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-2-5 {
+.pc-col-2-5 {
   flex: 0 0 40%;
   max-width: 40%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-3-5 {
+.pc-col-3-5 {
   flex: 0 0 60%;
   max-width: 60%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-4-5 {
+.pc-col-4-5 {
   flex: 0 0 80%;
   max-width: 80%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-1-6 {
+.pc-col-1-6 {
   flex: 0 0 16.667%;
   max-width: 16.667%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-5-6 {
+.pc-col-5-6 {
   flex: 0 0 83.333%;
   max-width: 83.333%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-1-12 {
+.pc-col-1-12 {
   flex: 0 0 8.333%;
   max-width: 8.333%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-5-12 {
+.pc-col-5-12 {
   flex: 0 0 41.667%;
   max-width: 41.667%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-7-12 {
+.pc-col-7-12 {
   flex: 0 0 58.333%;
   max-width: 58.333%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-col-11-12 {
+.pc-col-11-12 {
   flex: 0 0 91.667%;
   max-width: 91.667%;
   padding-inline: 0.8rem;
   min-width: 0;
 }
 
-.pa-offset-5 {
+.pc-offset-5 {
   margin-inline-start: 5%;
 }
 
-.pa-offset-10 {
+.pc-offset-10 {
   margin-inline-start: 10%;
 }
 
-.pa-offset-15 {
+.pc-offset-15 {
   margin-inline-start: 15%;
 }
 
-.pa-offset-20 {
+.pc-offset-20 {
   margin-inline-start: 20%;
 }
 
-.pa-offset-25 {
+.pc-offset-25 {
   margin-inline-start: 25%;
 }
 
-.pa-offset-30 {
+.pc-offset-30 {
   margin-inline-start: 30%;
 }
 
-.pa-offset-35 {
+.pc-offset-35 {
   margin-inline-start: 35%;
 }
 
-.pa-offset-40 {
+.pc-offset-40 {
   margin-inline-start: 40%;
 }
 
-.pa-offset-45 {
+.pc-offset-45 {
   margin-inline-start: 45%;
 }
 
-.pa-offset-50 {
+.pc-offset-50 {
   margin-inline-start: 50%;
 }
 
-.pa-offset-55 {
+.pc-offset-55 {
   margin-inline-start: 55%;
 }
 
-.pa-offset-60 {
+.pc-offset-60 {
   margin-inline-start: 60%;
 }
 
-.pa-offset-65 {
+.pc-offset-65 {
   margin-inline-start: 65%;
 }
 
-.pa-offset-70 {
+.pc-offset-70 {
   margin-inline-start: 70%;
 }
 
-.pa-offset-75 {
+.pc-offset-75 {
   margin-inline-start: 75%;
 }
 
-.pa-offset-80 {
+.pc-offset-80 {
   margin-inline-start: 80%;
 }
 
-.pa-offset-85 {
+.pc-offset-85 {
   margin-inline-start: 85%;
 }
 
-.pa-offset-90 {
+.pc-offset-90 {
   margin-inline-start: 90%;
 }
 
-.pa-offset-95 {
+.pc-offset-95 {
   margin-inline-start: 95%;
 }
 
 @container (min-width: 576px) {
-  .pa-col-sm-5 {
+  .pc-col-sm-5 {
     flex: 0 0 5%;
     max-width: 5%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-10 {
+  .pc-col-sm-10 {
     flex: 0 0 10%;
     max-width: 10%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-15 {
+  .pc-col-sm-15 {
     flex: 0 0 15%;
     max-width: 15%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-20 {
+  .pc-col-sm-20 {
     flex: 0 0 20%;
     max-width: 20%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-25 {
+  .pc-col-sm-25 {
     flex: 0 0 25%;
     max-width: 25%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-30 {
+  .pc-col-sm-30 {
     flex: 0 0 30%;
     max-width: 30%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-35 {
+  .pc-col-sm-35 {
     flex: 0 0 35%;
     max-width: 35%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-40 {
+  .pc-col-sm-40 {
     flex: 0 0 40%;
     max-width: 40%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-45 {
+  .pc-col-sm-45 {
     flex: 0 0 45%;
     max-width: 45%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-50 {
+  .pc-col-sm-50 {
     flex: 0 0 50%;
     max-width: 50%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-55 {
+  .pc-col-sm-55 {
     flex: 0 0 55%;
     max-width: 55%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-60 {
+  .pc-col-sm-60 {
     flex: 0 0 60%;
     max-width: 60%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-65 {
+  .pc-col-sm-65 {
     flex: 0 0 65%;
     max-width: 65%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-70 {
+  .pc-col-sm-70 {
     flex: 0 0 70%;
     max-width: 70%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-75 {
+  .pc-col-sm-75 {
     flex: 0 0 75%;
     max-width: 75%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-80 {
+  .pc-col-sm-80 {
     flex: 0 0 80%;
     max-width: 80%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-85 {
+  .pc-col-sm-85 {
     flex: 0 0 85%;
     max-width: 85%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-90 {
+  .pc-col-sm-90 {
     flex: 0 0 90%;
     max-width: 90%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-95 {
+  .pc-col-sm-95 {
     flex: 0 0 95%;
     max-width: 95%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-100 {
+  .pc-col-sm-100 {
     flex: 0 0 100%;
     max-width: 100%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-1-2 {
+  .pc-col-sm-1-2 {
     flex: 0 0 50%;
     max-width: 50%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-1-3 {
+  .pc-col-sm-1-3 {
     flex: 0 0 33.333%;
     max-width: 33.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-2-3 {
+  .pc-col-sm-2-3 {
     flex: 0 0 66.667%;
     max-width: 66.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-1-4 {
+  .pc-col-sm-1-4 {
     flex: 0 0 25%;
     max-width: 25%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-3-4 {
+  .pc-col-sm-3-4 {
     flex: 0 0 75%;
     max-width: 75%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-1-5 {
+  .pc-col-sm-1-5 {
     flex: 0 0 20%;
     max-width: 20%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-2-5 {
+  .pc-col-sm-2-5 {
     flex: 0 0 40%;
     max-width: 40%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-3-5 {
+  .pc-col-sm-3-5 {
     flex: 0 0 60%;
     max-width: 60%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-4-5 {
+  .pc-col-sm-4-5 {
     flex: 0 0 80%;
     max-width: 80%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-1-6 {
+  .pc-col-sm-1-6 {
     flex: 0 0 16.667%;
     max-width: 16.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-5-6 {
+  .pc-col-sm-5-6 {
     flex: 0 0 83.333%;
     max-width: 83.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-1-12 {
+  .pc-col-sm-1-12 {
     flex: 0 0 8.333%;
     max-width: 8.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-5-12 {
+  .pc-col-sm-5-12 {
     flex: 0 0 41.667%;
     max-width: 41.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-7-12 {
+  .pc-col-sm-7-12 {
     flex: 0 0 58.333%;
     max-width: 58.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-sm-11-12 {
+  .pc-col-sm-11-12 {
     flex: 0 0 91.667%;
     max-width: 91.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-offset-sm-5 {
+  .pc-offset-sm-5 {
     margin-inline-start: 5%;
   }
-  .pa-offset-sm-10 {
+  .pc-offset-sm-10 {
     margin-inline-start: 10%;
   }
-  .pa-offset-sm-15 {
+  .pc-offset-sm-15 {
     margin-inline-start: 15%;
   }
-  .pa-offset-sm-20 {
+  .pc-offset-sm-20 {
     margin-inline-start: 20%;
   }
-  .pa-offset-sm-25 {
+  .pc-offset-sm-25 {
     margin-inline-start: 25%;
   }
-  .pa-offset-sm-30 {
+  .pc-offset-sm-30 {
     margin-inline-start: 30%;
   }
-  .pa-offset-sm-35 {
+  .pc-offset-sm-35 {
     margin-inline-start: 35%;
   }
-  .pa-offset-sm-40 {
+  .pc-offset-sm-40 {
     margin-inline-start: 40%;
   }
-  .pa-offset-sm-45 {
+  .pc-offset-sm-45 {
     margin-inline-start: 45%;
   }
-  .pa-offset-sm-50 {
+  .pc-offset-sm-50 {
     margin-inline-start: 50%;
   }
-  .pa-offset-sm-55 {
+  .pc-offset-sm-55 {
     margin-inline-start: 55%;
   }
-  .pa-offset-sm-60 {
+  .pc-offset-sm-60 {
     margin-inline-start: 60%;
   }
-  .pa-offset-sm-65 {
+  .pc-offset-sm-65 {
     margin-inline-start: 65%;
   }
-  .pa-offset-sm-70 {
+  .pc-offset-sm-70 {
     margin-inline-start: 70%;
   }
-  .pa-offset-sm-75 {
+  .pc-offset-sm-75 {
     margin-inline-start: 75%;
   }
-  .pa-offset-sm-80 {
+  .pc-offset-sm-80 {
     margin-inline-start: 80%;
   }
-  .pa-offset-sm-85 {
+  .pc-offset-sm-85 {
     margin-inline-start: 85%;
   }
-  .pa-offset-sm-90 {
+  .pc-offset-sm-90 {
     margin-inline-start: 90%;
   }
-  .pa-offset-sm-95 {
+  .pc-offset-sm-95 {
     margin-inline-start: 95%;
   }
-  .pa-col-sm-auto {
+  .pc-col-sm-auto {
     flex: 0 0 auto;
     width: auto;
   }
 }
 @container (min-width: 768px) {
-  .pa-col-md-5 {
+  .pc-col-md-5 {
     flex: 0 0 5%;
     max-width: 5%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-10 {
+  .pc-col-md-10 {
     flex: 0 0 10%;
     max-width: 10%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-15 {
+  .pc-col-md-15 {
     flex: 0 0 15%;
     max-width: 15%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-20 {
+  .pc-col-md-20 {
     flex: 0 0 20%;
     max-width: 20%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-25 {
+  .pc-col-md-25 {
     flex: 0 0 25%;
     max-width: 25%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-30 {
+  .pc-col-md-30 {
     flex: 0 0 30%;
     max-width: 30%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-35 {
+  .pc-col-md-35 {
     flex: 0 0 35%;
     max-width: 35%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-40 {
+  .pc-col-md-40 {
     flex: 0 0 40%;
     max-width: 40%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-45 {
+  .pc-col-md-45 {
     flex: 0 0 45%;
     max-width: 45%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-50 {
+  .pc-col-md-50 {
     flex: 0 0 50%;
     max-width: 50%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-55 {
+  .pc-col-md-55 {
     flex: 0 0 55%;
     max-width: 55%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-60 {
+  .pc-col-md-60 {
     flex: 0 0 60%;
     max-width: 60%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-65 {
+  .pc-col-md-65 {
     flex: 0 0 65%;
     max-width: 65%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-70 {
+  .pc-col-md-70 {
     flex: 0 0 70%;
     max-width: 70%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-75 {
+  .pc-col-md-75 {
     flex: 0 0 75%;
     max-width: 75%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-80 {
+  .pc-col-md-80 {
     flex: 0 0 80%;
     max-width: 80%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-85 {
+  .pc-col-md-85 {
     flex: 0 0 85%;
     max-width: 85%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-90 {
+  .pc-col-md-90 {
     flex: 0 0 90%;
     max-width: 90%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-95 {
+  .pc-col-md-95 {
     flex: 0 0 95%;
     max-width: 95%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-100 {
+  .pc-col-md-100 {
     flex: 0 0 100%;
     max-width: 100%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-1-2 {
+  .pc-col-md-1-2 {
     flex: 0 0 50%;
     max-width: 50%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-1-3 {
+  .pc-col-md-1-3 {
     flex: 0 0 33.333%;
     max-width: 33.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-2-3 {
+  .pc-col-md-2-3 {
     flex: 0 0 66.667%;
     max-width: 66.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-1-4 {
+  .pc-col-md-1-4 {
     flex: 0 0 25%;
     max-width: 25%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-3-4 {
+  .pc-col-md-3-4 {
     flex: 0 0 75%;
     max-width: 75%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-1-5 {
+  .pc-col-md-1-5 {
     flex: 0 0 20%;
     max-width: 20%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-2-5 {
+  .pc-col-md-2-5 {
     flex: 0 0 40%;
     max-width: 40%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-3-5 {
+  .pc-col-md-3-5 {
     flex: 0 0 60%;
     max-width: 60%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-4-5 {
+  .pc-col-md-4-5 {
     flex: 0 0 80%;
     max-width: 80%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-1-6 {
+  .pc-col-md-1-6 {
     flex: 0 0 16.667%;
     max-width: 16.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-5-6 {
+  .pc-col-md-5-6 {
     flex: 0 0 83.333%;
     max-width: 83.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-1-12 {
+  .pc-col-md-1-12 {
     flex: 0 0 8.333%;
     max-width: 8.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-5-12 {
+  .pc-col-md-5-12 {
     flex: 0 0 41.667%;
     max-width: 41.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-7-12 {
+  .pc-col-md-7-12 {
     flex: 0 0 58.333%;
     max-width: 58.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-md-11-12 {
+  .pc-col-md-11-12 {
     flex: 0 0 91.667%;
     max-width: 91.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-offset-md-5 {
+  .pc-offset-md-5 {
     margin-inline-start: 5%;
   }
-  .pa-offset-md-10 {
+  .pc-offset-md-10 {
     margin-inline-start: 10%;
   }
-  .pa-offset-md-15 {
+  .pc-offset-md-15 {
     margin-inline-start: 15%;
   }
-  .pa-offset-md-20 {
+  .pc-offset-md-20 {
     margin-inline-start: 20%;
   }
-  .pa-offset-md-25 {
+  .pc-offset-md-25 {
     margin-inline-start: 25%;
   }
-  .pa-offset-md-30 {
+  .pc-offset-md-30 {
     margin-inline-start: 30%;
   }
-  .pa-offset-md-35 {
+  .pc-offset-md-35 {
     margin-inline-start: 35%;
   }
-  .pa-offset-md-40 {
+  .pc-offset-md-40 {
     margin-inline-start: 40%;
   }
-  .pa-offset-md-45 {
+  .pc-offset-md-45 {
     margin-inline-start: 45%;
   }
-  .pa-offset-md-50 {
+  .pc-offset-md-50 {
     margin-inline-start: 50%;
   }
-  .pa-offset-md-55 {
+  .pc-offset-md-55 {
     margin-inline-start: 55%;
   }
-  .pa-offset-md-60 {
+  .pc-offset-md-60 {
     margin-inline-start: 60%;
   }
-  .pa-offset-md-65 {
+  .pc-offset-md-65 {
     margin-inline-start: 65%;
   }
-  .pa-offset-md-70 {
+  .pc-offset-md-70 {
     margin-inline-start: 70%;
   }
-  .pa-offset-md-75 {
+  .pc-offset-md-75 {
     margin-inline-start: 75%;
   }
-  .pa-offset-md-80 {
+  .pc-offset-md-80 {
     margin-inline-start: 80%;
   }
-  .pa-offset-md-85 {
+  .pc-offset-md-85 {
     margin-inline-start: 85%;
   }
-  .pa-offset-md-90 {
+  .pc-offset-md-90 {
     margin-inline-start: 90%;
   }
-  .pa-offset-md-95 {
+  .pc-offset-md-95 {
     margin-inline-start: 95%;
   }
-  .pa-col-md-auto {
+  .pc-col-md-auto {
     flex: 0 0 auto;
     width: auto;
   }
 }
 @container (min-width: 992px) {
-  .pa-col-lg-5 {
+  .pc-col-lg-5 {
     flex: 0 0 5%;
     max-width: 5%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-10 {
+  .pc-col-lg-10 {
     flex: 0 0 10%;
     max-width: 10%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-15 {
+  .pc-col-lg-15 {
     flex: 0 0 15%;
     max-width: 15%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-20 {
+  .pc-col-lg-20 {
     flex: 0 0 20%;
     max-width: 20%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-25 {
+  .pc-col-lg-25 {
     flex: 0 0 25%;
     max-width: 25%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-30 {
+  .pc-col-lg-30 {
     flex: 0 0 30%;
     max-width: 30%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-35 {
+  .pc-col-lg-35 {
     flex: 0 0 35%;
     max-width: 35%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-40 {
+  .pc-col-lg-40 {
     flex: 0 0 40%;
     max-width: 40%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-45 {
+  .pc-col-lg-45 {
     flex: 0 0 45%;
     max-width: 45%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-50 {
+  .pc-col-lg-50 {
     flex: 0 0 50%;
     max-width: 50%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-55 {
+  .pc-col-lg-55 {
     flex: 0 0 55%;
     max-width: 55%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-60 {
+  .pc-col-lg-60 {
     flex: 0 0 60%;
     max-width: 60%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-65 {
+  .pc-col-lg-65 {
     flex: 0 0 65%;
     max-width: 65%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-70 {
+  .pc-col-lg-70 {
     flex: 0 0 70%;
     max-width: 70%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-75 {
+  .pc-col-lg-75 {
     flex: 0 0 75%;
     max-width: 75%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-80 {
+  .pc-col-lg-80 {
     flex: 0 0 80%;
     max-width: 80%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-85 {
+  .pc-col-lg-85 {
     flex: 0 0 85%;
     max-width: 85%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-90 {
+  .pc-col-lg-90 {
     flex: 0 0 90%;
     max-width: 90%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-95 {
+  .pc-col-lg-95 {
     flex: 0 0 95%;
     max-width: 95%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-100 {
+  .pc-col-lg-100 {
     flex: 0 0 100%;
     max-width: 100%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-1-2 {
+  .pc-col-lg-1-2 {
     flex: 0 0 50%;
     max-width: 50%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-1-3 {
+  .pc-col-lg-1-3 {
     flex: 0 0 33.333%;
     max-width: 33.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-2-3 {
+  .pc-col-lg-2-3 {
     flex: 0 0 66.667%;
     max-width: 66.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-1-4 {
+  .pc-col-lg-1-4 {
     flex: 0 0 25%;
     max-width: 25%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-3-4 {
+  .pc-col-lg-3-4 {
     flex: 0 0 75%;
     max-width: 75%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-1-5 {
+  .pc-col-lg-1-5 {
     flex: 0 0 20%;
     max-width: 20%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-2-5 {
+  .pc-col-lg-2-5 {
     flex: 0 0 40%;
     max-width: 40%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-3-5 {
+  .pc-col-lg-3-5 {
     flex: 0 0 60%;
     max-width: 60%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-4-5 {
+  .pc-col-lg-4-5 {
     flex: 0 0 80%;
     max-width: 80%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-1-6 {
+  .pc-col-lg-1-6 {
     flex: 0 0 16.667%;
     max-width: 16.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-5-6 {
+  .pc-col-lg-5-6 {
     flex: 0 0 83.333%;
     max-width: 83.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-1-12 {
+  .pc-col-lg-1-12 {
     flex: 0 0 8.333%;
     max-width: 8.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-5-12 {
+  .pc-col-lg-5-12 {
     flex: 0 0 41.667%;
     max-width: 41.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-7-12 {
+  .pc-col-lg-7-12 {
     flex: 0 0 58.333%;
     max-width: 58.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-lg-11-12 {
+  .pc-col-lg-11-12 {
     flex: 0 0 91.667%;
     max-width: 91.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-offset-lg-5 {
+  .pc-offset-lg-5 {
     margin-inline-start: 5%;
   }
-  .pa-offset-lg-10 {
+  .pc-offset-lg-10 {
     margin-inline-start: 10%;
   }
-  .pa-offset-lg-15 {
+  .pc-offset-lg-15 {
     margin-inline-start: 15%;
   }
-  .pa-offset-lg-20 {
+  .pc-offset-lg-20 {
     margin-inline-start: 20%;
   }
-  .pa-offset-lg-25 {
+  .pc-offset-lg-25 {
     margin-inline-start: 25%;
   }
-  .pa-offset-lg-30 {
+  .pc-offset-lg-30 {
     margin-inline-start: 30%;
   }
-  .pa-offset-lg-35 {
+  .pc-offset-lg-35 {
     margin-inline-start: 35%;
   }
-  .pa-offset-lg-40 {
+  .pc-offset-lg-40 {
     margin-inline-start: 40%;
   }
-  .pa-offset-lg-45 {
+  .pc-offset-lg-45 {
     margin-inline-start: 45%;
   }
-  .pa-offset-lg-50 {
+  .pc-offset-lg-50 {
     margin-inline-start: 50%;
   }
-  .pa-offset-lg-55 {
+  .pc-offset-lg-55 {
     margin-inline-start: 55%;
   }
-  .pa-offset-lg-60 {
+  .pc-offset-lg-60 {
     margin-inline-start: 60%;
   }
-  .pa-offset-lg-65 {
+  .pc-offset-lg-65 {
     margin-inline-start: 65%;
   }
-  .pa-offset-lg-70 {
+  .pc-offset-lg-70 {
     margin-inline-start: 70%;
   }
-  .pa-offset-lg-75 {
+  .pc-offset-lg-75 {
     margin-inline-start: 75%;
   }
-  .pa-offset-lg-80 {
+  .pc-offset-lg-80 {
     margin-inline-start: 80%;
   }
-  .pa-offset-lg-85 {
+  .pc-offset-lg-85 {
     margin-inline-start: 85%;
   }
-  .pa-offset-lg-90 {
+  .pc-offset-lg-90 {
     margin-inline-start: 90%;
   }
-  .pa-offset-lg-95 {
+  .pc-offset-lg-95 {
     margin-inline-start: 95%;
   }
-  .pa-col-lg-auto {
+  .pc-col-lg-auto {
     flex: 0 0 auto;
     width: auto;
   }
 }
 @container (min-width: 1200px) {
-  .pa-col-xl-5 {
+  .pc-col-xl-5 {
     flex: 0 0 5%;
     max-width: 5%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-10 {
+  .pc-col-xl-10 {
     flex: 0 0 10%;
     max-width: 10%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-15 {
+  .pc-col-xl-15 {
     flex: 0 0 15%;
     max-width: 15%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-20 {
+  .pc-col-xl-20 {
     flex: 0 0 20%;
     max-width: 20%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-25 {
+  .pc-col-xl-25 {
     flex: 0 0 25%;
     max-width: 25%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-30 {
+  .pc-col-xl-30 {
     flex: 0 0 30%;
     max-width: 30%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-35 {
+  .pc-col-xl-35 {
     flex: 0 0 35%;
     max-width: 35%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-40 {
+  .pc-col-xl-40 {
     flex: 0 0 40%;
     max-width: 40%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-45 {
+  .pc-col-xl-45 {
     flex: 0 0 45%;
     max-width: 45%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-50 {
+  .pc-col-xl-50 {
     flex: 0 0 50%;
     max-width: 50%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-55 {
+  .pc-col-xl-55 {
     flex: 0 0 55%;
     max-width: 55%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-60 {
+  .pc-col-xl-60 {
     flex: 0 0 60%;
     max-width: 60%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-65 {
+  .pc-col-xl-65 {
     flex: 0 0 65%;
     max-width: 65%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-70 {
+  .pc-col-xl-70 {
     flex: 0 0 70%;
     max-width: 70%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-75 {
+  .pc-col-xl-75 {
     flex: 0 0 75%;
     max-width: 75%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-80 {
+  .pc-col-xl-80 {
     flex: 0 0 80%;
     max-width: 80%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-85 {
+  .pc-col-xl-85 {
     flex: 0 0 85%;
     max-width: 85%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-90 {
+  .pc-col-xl-90 {
     flex: 0 0 90%;
     max-width: 90%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-95 {
+  .pc-col-xl-95 {
     flex: 0 0 95%;
     max-width: 95%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-100 {
+  .pc-col-xl-100 {
     flex: 0 0 100%;
     max-width: 100%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-1-2 {
+  .pc-col-xl-1-2 {
     flex: 0 0 50%;
     max-width: 50%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-1-3 {
+  .pc-col-xl-1-3 {
     flex: 0 0 33.333%;
     max-width: 33.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-2-3 {
+  .pc-col-xl-2-3 {
     flex: 0 0 66.667%;
     max-width: 66.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-1-4 {
+  .pc-col-xl-1-4 {
     flex: 0 0 25%;
     max-width: 25%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-3-4 {
+  .pc-col-xl-3-4 {
     flex: 0 0 75%;
     max-width: 75%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-1-5 {
+  .pc-col-xl-1-5 {
     flex: 0 0 20%;
     max-width: 20%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-2-5 {
+  .pc-col-xl-2-5 {
     flex: 0 0 40%;
     max-width: 40%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-3-5 {
+  .pc-col-xl-3-5 {
     flex: 0 0 60%;
     max-width: 60%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-4-5 {
+  .pc-col-xl-4-5 {
     flex: 0 0 80%;
     max-width: 80%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-1-6 {
+  .pc-col-xl-1-6 {
     flex: 0 0 16.667%;
     max-width: 16.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-5-6 {
+  .pc-col-xl-5-6 {
     flex: 0 0 83.333%;
     max-width: 83.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-1-12 {
+  .pc-col-xl-1-12 {
     flex: 0 0 8.333%;
     max-width: 8.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-5-12 {
+  .pc-col-xl-5-12 {
     flex: 0 0 41.667%;
     max-width: 41.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-7-12 {
+  .pc-col-xl-7-12 {
     flex: 0 0 58.333%;
     max-width: 58.333%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-col-xl-11-12 {
+  .pc-col-xl-11-12 {
     flex: 0 0 91.667%;
     max-width: 91.667%;
     padding-inline: 0.8rem;
     min-width: 0;
   }
-  .pa-offset-xl-5 {
+  .pc-offset-xl-5 {
     margin-inline-start: 5%;
   }
-  .pa-offset-xl-10 {
+  .pc-offset-xl-10 {
     margin-inline-start: 10%;
   }
-  .pa-offset-xl-15 {
+  .pc-offset-xl-15 {
     margin-inline-start: 15%;
   }
-  .pa-offset-xl-20 {
+  .pc-offset-xl-20 {
     margin-inline-start: 20%;
   }
-  .pa-offset-xl-25 {
+  .pc-offset-xl-25 {
     margin-inline-start: 25%;
   }
-  .pa-offset-xl-30 {
+  .pc-offset-xl-30 {
     margin-inline-start: 30%;
   }
-  .pa-offset-xl-35 {
+  .pc-offset-xl-35 {
     margin-inline-start: 35%;
   }
-  .pa-offset-xl-40 {
+  .pc-offset-xl-40 {
     margin-inline-start: 40%;
   }
-  .pa-offset-xl-45 {
+  .pc-offset-xl-45 {
     margin-inline-start: 45%;
   }
-  .pa-offset-xl-50 {
+  .pc-offset-xl-50 {
     margin-inline-start: 50%;
   }
-  .pa-offset-xl-55 {
+  .pc-offset-xl-55 {
     margin-inline-start: 55%;
   }
-  .pa-offset-xl-60 {
+  .pc-offset-xl-60 {
     margin-inline-start: 60%;
   }
-  .pa-offset-xl-65 {
+  .pc-offset-xl-65 {
     margin-inline-start: 65%;
   }
-  .pa-offset-xl-70 {
+  .pc-offset-xl-70 {
     margin-inline-start: 70%;
   }
-  .pa-offset-xl-75 {
+  .pc-offset-xl-75 {
     margin-inline-start: 75%;
   }
-  .pa-offset-xl-80 {
+  .pc-offset-xl-80 {
     margin-inline-start: 80%;
   }
-  .pa-offset-xl-85 {
+  .pc-offset-xl-85 {
     margin-inline-start: 85%;
   }
-  .pa-offset-xl-90 {
+  .pc-offset-xl-90 {
     margin-inline-start: 90%;
   }
-  .pa-offset-xl-95 {
+  .pc-offset-xl-95 {
     margin-inline-start: 95%;
   }
-  .pa-col-xl-auto {
+  .pc-col-xl-auto {
     flex: 0 0 auto;
     width: auto;
   }
 }
-.pa-col--no-padding {
+.pc-col--no-padding {
   padding-inline: 0;
 }
 
-.pa-col--grow {
+.pc-col--grow {
   flex-grow: 1;
 }
 
-.pa-col--shrink {
+.pc-col--shrink {
   flex-shrink: 1;
 }
 
-.pa-hide {
+.pc-hide {
   display: none !important;
 }
 
-.pa-show {
+.pc-show {
   display: block !important;
 }
 
 @media (min-width: 576px) {
-  .pa-hide-sm {
+  .pc-hide-sm {
     display: none !important;
   }
-  .pa-show-sm {
+  .pc-show-sm {
     display: block !important;
   }
 }
 @media (max-width: 575px) {
-  .pa-hide-below-sm {
+  .pc-hide-below-sm {
     display: none !important;
   }
-  .pa-show-below-sm {
+  .pc-show-below-sm {
     display: block !important;
   }
 }
 @media (min-width: 768px) {
-  .pa-hide-md {
+  .pc-hide-md {
     display: none !important;
   }
-  .pa-show-md {
+  .pc-show-md {
     display: block !important;
   }
 }
 @media (max-width: 767px) {
-  .pa-hide-below-md {
+  .pc-hide-below-md {
     display: none !important;
   }
-  .pa-show-below-md {
+  .pc-show-below-md {
     display: block !important;
   }
 }
 @media (min-width: 992px) {
-  .pa-hide-lg {
+  .pc-hide-lg {
     display: none !important;
   }
-  .pa-show-lg {
+  .pc-show-lg {
     display: block !important;
   }
 }
 @media (max-width: 991px) {
-  .pa-hide-below-lg {
+  .pc-hide-below-lg {
     display: none !important;
   }
-  .pa-show-below-lg {
+  .pc-show-below-lg {
     display: block !important;
   }
 }
 @media (min-width: 1200px) {
-  .pa-hide-xl {
+  .pc-hide-xl {
     display: none !important;
   }
-  .pa-show-xl {
+  .pc-show-xl {
     display: block !important;
   }
 }
 @media (max-width: 1199px) {
-  .pa-hide-below-xl {
+  .pc-hide-below-xl {
     display: none !important;
   }
-  .pa-show-below-xl {
+  .pc-show-below-xl {
     display: block !important;
   }
 }
-.pa-card__body .pa-row > [class*=pa-col] {
+.pa-card__body .pc-row > [class*=pc-col] {
   padding-bottom: 0;
 }
 
 @media (max-width: 768px) {
-  .pa-col-5 {
+  .pc-col-5 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-10 {
+  .pc-col-10 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-15 {
+  .pc-col-15 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-20 {
+  .pc-col-20 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-25 {
+  .pc-col-25 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-30 {
+  .pc-col-30 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-35 {
+  .pc-col-35 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-40 {
+  .pc-col-40 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-45 {
+  .pc-col-45 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-50 {
+  .pc-col-50 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-55 {
+  .pc-col-55 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-60 {
+  .pc-col-60 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-65 {
+  .pc-col-65 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-70 {
+  .pc-col-70 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-75 {
+  .pc-col-75 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-80 {
+  .pc-col-80 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-85 {
+  .pc-col-85 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-90 {
+  .pc-col-90 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-95 {
+  .pc-col-95 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-1-2 {
+  .pc-col-1-2 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-1-3 {
+  .pc-col-1-3 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-2-3 {
+  .pc-col-2-3 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-1-4 {
+  .pc-col-1-4 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-3-4 {
+  .pc-col-3-4 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-1-5 {
+  .pc-col-1-5 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-2-5 {
+  .pc-col-2-5 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-3-5 {
+  .pc-col-3-5 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-4-5 {
+  .pc-col-4-5 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-1-6 {
+  .pc-col-1-6 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-5-6 {
+  .pc-col-5-6 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-1-12 {
+  .pc-col-1-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-5-12 {
+  .pc-col-5-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-7-12 {
+  .pc-col-7-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-col-11-12 {
+  .pc-col-11-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
-  .pa-offset-5 {
+  .pc-offset-5 {
     margin-inline-start: 0;
   }
-  .pa-offset-10 {
+  .pc-offset-10 {
     margin-inline-start: 0;
   }
-  .pa-offset-15 {
+  .pc-offset-15 {
     margin-inline-start: 0;
   }
-  .pa-offset-20 {
+  .pc-offset-20 {
     margin-inline-start: 0;
   }
-  .pa-offset-25 {
+  .pc-offset-25 {
     margin-inline-start: 0;
   }
-  .pa-offset-30 {
+  .pc-offset-30 {
     margin-inline-start: 0;
   }
-  .pa-offset-35 {
+  .pc-offset-35 {
     margin-inline-start: 0;
   }
-  .pa-offset-40 {
+  .pc-offset-40 {
     margin-inline-start: 0;
   }
-  .pa-offset-45 {
+  .pc-offset-45 {
     margin-inline-start: 0;
   }
-  .pa-offset-50 {
+  .pc-offset-50 {
     margin-inline-start: 0;
   }
-  .pa-offset-55 {
+  .pc-offset-55 {
     margin-inline-start: 0;
   }
-  .pa-offset-60 {
+  .pc-offset-60 {
     margin-inline-start: 0;
   }
-  .pa-offset-65 {
+  .pc-offset-65 {
     margin-inline-start: 0;
   }
-  .pa-offset-70 {
+  .pc-offset-70 {
     margin-inline-start: 0;
   }
-  .pa-offset-75 {
+  .pc-offset-75 {
     margin-inline-start: 0;
   }
-  .pa-offset-80 {
+  .pc-offset-80 {
     margin-inline-start: 0;
   }
-  .pa-offset-85 {
+  .pc-offset-85 {
     margin-inline-start: 0;
   }
-  .pa-offset-90 {
+  .pc-offset-90 {
     margin-inline-start: 0;
   }
-  .pa-offset-95 {
+  .pc-offset-95 {
     margin-inline-start: 0;
   }
 }