@popsure/dirty-swan 0.24.0 → 0.26.0

package/dist/index.css

@@ -176,7 +176,7 @@ input[type=number]::-webkit-outer-spin-button {
     margin: 0 1rem;
   }
 }
-@media (min-width: 34rem) {
+@media (min-width: 45rem) and (max-width: 64rem) {
   .p-body {
     margin: 0 1.5rem;
   }
@@ -188,232 +188,4374 @@ input[type=number]::-webkit-outer-spin-button {
   }
 }
 
+/** Shared values across align and justify properties */
+.ai-start {
+  align-items: flex-start;
+}
+@media (max-width: 34rem) {
+  .sm\:ai-start {
+    align-items: flex-start;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ai-start {
+    align-items: flex-start;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ai-start {
+    align-items: flex-start;
+  }
+}
+
+.ai-end {
+  align-items: flex-end;
+}
+@media (max-width: 34rem) {
+  .sm\:ai-end {
+    align-items: flex-end;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ai-end {
+    align-items: flex-end;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ai-end {
+    align-items: flex-end;
+  }
+}
+
+.ai-center {
+  align-items: center;
+}
+@media (max-width: 34rem) {
+  .sm\:ai-center {
+    align-items: center;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ai-center {
+    align-items: center;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ai-center {
+    align-items: center;
+  }
+}
+
+.ai-stretch {
+  align-items: stretch;
+}
+@media (max-width: 34rem) {
+  .sm\:ai-stretch {
+    align-items: stretch;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ai-stretch {
+    align-items: stretch;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ai-stretch {
+    align-items: stretch;
+  }
+}
+
+.ai-baseline {
+  align-items: baseline;
+}
+@media (max-width: 34rem) {
+  .sm\:ai-baseline {
+    align-items: baseline;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ai-baseline {
+    align-items: baseline;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ai-baseline {
+    align-items: baseline;
+  }
+}
+
+.jc-start {
+  justify-content: flex-start;
+}
+@media (max-width: 34rem) {
+  .sm\:jc-start {
+    justify-content: flex-start;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:jc-start {
+    justify-content: flex-start;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:jc-start {
+    justify-content: flex-start;
+  }
+}
+
+.jc-end {
+  justify-content: flex-end;
+}
+@media (max-width: 34rem) {
+  .sm\:jc-end {
+    justify-content: flex-end;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:jc-end {
+    justify-content: flex-end;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:jc-end {
+    justify-content: flex-end;
+  }
+}
+
+.jc-center {
+  justify-content: center;
+}
+@media (max-width: 34rem) {
+  .sm\:jc-center {
+    justify-content: center;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:jc-center {
+    justify-content: center;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:jc-center {
+    justify-content: center;
+  }
+}
+
+.jc-between {
+  justify-content: space-between;
+}
+@media (max-width: 34rem) {
+  .sm\:jc-between {
+    justify-content: space-between;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:jc-between {
+    justify-content: space-between;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:jc-between {
+    justify-content: space-between;
+  }
+}
+
+.jc-around {
+  justify-content: space-around;
+}
+@media (max-width: 34rem) {
+  .sm\:jc-around {
+    justify-content: space-around;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:jc-around {
+    justify-content: space-around;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:jc-around {
+    justify-content: space-around;
+  }
+}
+
+.jc-evenly {
+  justify-content: space-evenly;
+}
+@media (max-width: 34rem) {
+  .sm\:jc-evenly {
+    justify-content: space-evenly;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:jc-evenly {
+    justify-content: space-evenly;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:jc-evenly {
+    justify-content: space-evenly;
+  }
+}
+
+.fd-row {
+  flex-direction: row !important;
+}
+
+.fd-row-reverse {
+  flex-direction: row-reverse !important;
+}
+
+.fd-column {
+  flex-direction: column !important;
+}
+
+.fd-column-reverse {
+  flex-direction: column-reverse !important;
+}
+
+.f-wrap {
+  flex-wrap: wrap;
+}
+
+.f-nowrap {
+  flex-wrap: nowrap;
+}
+
+.m0 {
+  margin: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:m0 {
+    margin: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m0 {
+    margin: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m0 {
+    margin: 0px;
+  }
+}
+
+.p0 {
+  padding: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:p0 {
+    padding: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p0 {
+    padding: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p0 {
+    padding: 0px;
+  }
+}
+
+.m8 {
+  margin: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:m8 {
+    margin: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m8 {
+    margin: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m8 {
+    margin: 8px;
+  }
+}
+
+.p8 {
+  padding: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:p8 {
+    padding: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p8 {
+    padding: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p8 {
+    padding: 8px;
+  }
+}
+
+.m16 {
+  margin: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:m16 {
+    margin: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m16 {
+    margin: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m16 {
+    margin: 16px;
+  }
+}
+
+.p16 {
+  padding: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:p16 {
+    padding: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p16 {
+    padding: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p16 {
+    padding: 16px;
+  }
+}
+
+.m24 {
+  margin: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:m24 {
+    margin: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m24 {
+    margin: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m24 {
+    margin: 24px;
+  }
+}
+
+.p24 {
+  padding: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:p24 {
+    padding: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p24 {
+    padding: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p24 {
+    padding: 24px;
+  }
+}
+
+.m32 {
+  margin: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:m32 {
+    margin: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m32 {
+    margin: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m32 {
+    margin: 32px;
+  }
+}
+
+.p32 {
+  padding: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:p32 {
+    padding: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p32 {
+    padding: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p32 {
+    padding: 32px;
+  }
+}
+
+.m40 {
+  margin: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:m40 {
+    margin: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m40 {
+    margin: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m40 {
+    margin: 40px;
+  }
+}
+
+.p40 {
+  padding: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:p40 {
+    padding: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p40 {
+    padding: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p40 {
+    padding: 40px;
+  }
+}
+
+.m48 {
+  margin: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:m48 {
+    margin: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m48 {
+    margin: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m48 {
+    margin: 48px;
+  }
+}
+
+.p48 {
+  padding: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:p48 {
+    padding: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p48 {
+    padding: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p48 {
+    padding: 48px;
+  }
+}
+
+.m56 {
+  margin: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:m56 {
+    margin: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m56 {
+    margin: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m56 {
+    margin: 56px;
+  }
+}
+
+.p56 {
+  padding: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:p56 {
+    padding: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p56 {
+    padding: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p56 {
+    padding: 56px;
+  }
+}
+
+.m64 {
+  margin: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:m64 {
+    margin: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m64 {
+    margin: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m64 {
+    margin: 64px;
+  }
+}
+
+.p64 {
+  padding: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:p64 {
+    padding: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p64 {
+    padding: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p64 {
+    padding: 64px;
+  }
+}
+
+.m72 {
+  margin: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:m72 {
+    margin: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m72 {
+    margin: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m72 {
+    margin: 72px;
+  }
+}
+
+.p72 {
+  padding: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:p72 {
+    padding: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p72 {
+    padding: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p72 {
+    padding: 72px;
+  }
+}
+
+.m80 {
+  margin: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:m80 {
+    margin: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m80 {
+    margin: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m80 {
+    margin: 80px;
+  }
+}
+
+.p80 {
+  padding: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:p80 {
+    padding: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p80 {
+    padding: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p80 {
+    padding: 80px;
+  }
+}
+
+.m88 {
+  margin: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:m88 {
+    margin: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m88 {
+    margin: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m88 {
+    margin: 88px;
+  }
+}
+
+.p88 {
+  padding: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:p88 {
+    padding: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p88 {
+    padding: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p88 {
+    padding: 88px;
+  }
+}
+
+.m96 {
+  margin: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:m96 {
+    margin: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:m96 {
+    margin: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:m96 {
+    margin: 96px;
+  }
+}
+
+.p96 {
+  padding: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:p96 {
+    padding: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:p96 {
+    padding: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:p96 {
+    padding: 96px;
+  }
+}
+
+.mx0 {
+  margin-left: 0px;
+  margin-right: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx0 {
+    margin-left: 0px;
+    margin-right: 0px;
+  }
+}
+
+.px0 {
+  padding-left: 0px;
+  padding-right: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:px0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px0 {
+    padding-left: 0px;
+    padding-right: 0px;
+  }
+}
+
+.mx8 {
+  margin-left: 8px;
+  margin-right: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx8 {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx8 {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx8 {
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+}
+
+.px8 {
+  padding-left: 8px;
+  padding-right: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:px8 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px8 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px8 {
+    padding-left: 8px;
+    padding-right: 8px;
+  }
+}
+
+.mx16 {
+  margin-left: 16px;
+  margin-right: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx16 {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx16 {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx16 {
+    margin-left: 16px;
+    margin-right: 16px;
+  }
+}
+
+.px16 {
+  padding-left: 16px;
+  padding-right: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:px16 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px16 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px16 {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+
+.mx24 {
+  margin-left: 24px;
+  margin-right: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx24 {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx24 {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx24 {
+    margin-left: 24px;
+    margin-right: 24px;
+  }
+}
+
+.px24 {
+  padding-left: 24px;
+  padding-right: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:px24 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px24 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px24 {
+    padding-left: 24px;
+    padding-right: 24px;
+  }
+}
+
+.mx32 {
+  margin-left: 32px;
+  margin-right: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx32 {
+    margin-left: 32px;
+    margin-right: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx32 {
+    margin-left: 32px;
+    margin-right: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx32 {
+    margin-left: 32px;
+    margin-right: 32px;
+  }
+}
+
+.px32 {
+  padding-left: 32px;
+  padding-right: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:px32 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px32 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px32 {
+    padding-left: 32px;
+    padding-right: 32px;
+  }
+}
+
+.mx40 {
+  margin-left: 40px;
+  margin-right: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx40 {
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx40 {
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx40 {
+    margin-left: 40px;
+    margin-right: 40px;
+  }
+}
+
+.px40 {
+  padding-left: 40px;
+  padding-right: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:px40 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px40 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px40 {
+    padding-left: 40px;
+    padding-right: 40px;
+  }
+}
+
+.mx48 {
+  margin-left: 48px;
+  margin-right: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx48 {
+    margin-left: 48px;
+    margin-right: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx48 {
+    margin-left: 48px;
+    margin-right: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx48 {
+    margin-left: 48px;
+    margin-right: 48px;
+  }
+}
+
+.px48 {
+  padding-left: 48px;
+  padding-right: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:px48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px48 {
+    padding-left: 48px;
+    padding-right: 48px;
+  }
+}
+
+.mx56 {
+  margin-left: 56px;
+  margin-right: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx56 {
+    margin-left: 56px;
+    margin-right: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx56 {
+    margin-left: 56px;
+    margin-right: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx56 {
+    margin-left: 56px;
+    margin-right: 56px;
+  }
+}
+
+.px56 {
+  padding-left: 56px;
+  padding-right: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:px56 {
+    padding-left: 56px;
+    padding-right: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px56 {
+    padding-left: 56px;
+    padding-right: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px56 {
+    padding-left: 56px;
+    padding-right: 56px;
+  }
+}
+
+.mx64 {
+  margin-left: 64px;
+  margin-right: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx64 {
+    margin-left: 64px;
+    margin-right: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx64 {
+    margin-left: 64px;
+    margin-right: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx64 {
+    margin-left: 64px;
+    margin-right: 64px;
+  }
+}
+
+.px64 {
+  padding-left: 64px;
+  padding-right: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:px64 {
+    padding-left: 64px;
+    padding-right: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px64 {
+    padding-left: 64px;
+    padding-right: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px64 {
+    padding-left: 64px;
+    padding-right: 64px;
+  }
+}
+
+.mx72 {
+  margin-left: 72px;
+  margin-right: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx72 {
+    margin-left: 72px;
+    margin-right: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx72 {
+    margin-left: 72px;
+    margin-right: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx72 {
+    margin-left: 72px;
+    margin-right: 72px;
+  }
+}
+
+.px72 {
+  padding-left: 72px;
+  padding-right: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:px72 {
+    padding-left: 72px;
+    padding-right: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px72 {
+    padding-left: 72px;
+    padding-right: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px72 {
+    padding-left: 72px;
+    padding-right: 72px;
+  }
+}
+
+.mx80 {
+  margin-left: 80px;
+  margin-right: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx80 {
+    margin-left: 80px;
+    margin-right: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx80 {
+    margin-left: 80px;
+    margin-right: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx80 {
+    margin-left: 80px;
+    margin-right: 80px;
+  }
+}
+
+.px80 {
+  padding-left: 80px;
+  padding-right: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:px80 {
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px80 {
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px80 {
+    padding-left: 80px;
+    padding-right: 80px;
+  }
+}
+
+.mx88 {
+  margin-left: 88px;
+  margin-right: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx88 {
+    margin-left: 88px;
+    margin-right: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx88 {
+    margin-left: 88px;
+    margin-right: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx88 {
+    margin-left: 88px;
+    margin-right: 88px;
+  }
+}
+
+.px88 {
+  padding-left: 88px;
+  padding-right: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:px88 {
+    padding-left: 88px;
+    padding-right: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px88 {
+    padding-left: 88px;
+    padding-right: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px88 {
+    padding-left: 88px;
+    padding-right: 88px;
+  }
+}
+
+.mx96 {
+  margin-left: 96px;
+  margin-right: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:mx96 {
+    margin-left: 96px;
+    margin-right: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mx96 {
+    margin-left: 96px;
+    margin-right: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mx96 {
+    margin-left: 96px;
+    margin-right: 96px;
+  }
+}
+
+.px96 {
+  padding-left: 96px;
+  padding-right: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:px96 {
+    padding-left: 96px;
+    padding-right: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:px96 {
+    padding-left: 96px;
+    padding-right: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:px96 {
+    padding-left: 96px;
+    padding-right: 96px;
+  }
+}
+
+.my0 {
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:my0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my0 {
+    margin-top: 0px;
+    margin-bottom: 0px;
+  }
+}
+
+.py0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:py0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py0 {
+    padding-top: 0px;
+    padding-bottom: 0px;
+  }
+}
+
+.my8 {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:my8 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my8 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my8 {
+    margin-top: 8px;
+    margin-bottom: 8px;
+  }
+}
+
+.py8 {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:py8 {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py8 {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py8 {
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+}
+
+.my16 {
+  margin-top: 16px;
+  margin-bottom: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:my16 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my16 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my16 {
+    margin-top: 16px;
+    margin-bottom: 16px;
+  }
+}
+
+.py16 {
+  padding-top: 16px;
+  padding-bottom: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:py16 {
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py16 {
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py16 {
+    padding-top: 16px;
+    padding-bottom: 16px;
+  }
+}
+
+.my24 {
+  margin-top: 24px;
+  margin-bottom: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:my24 {
+    margin-top: 24px;
+    margin-bottom: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my24 {
+    margin-top: 24px;
+    margin-bottom: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my24 {
+    margin-top: 24px;
+    margin-bottom: 24px;
+  }
+}
+
+.py24 {
+  padding-top: 24px;
+  padding-bottom: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:py24 {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py24 {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py24 {
+    padding-top: 24px;
+    padding-bottom: 24px;
+  }
+}
+
+.my32 {
+  margin-top: 32px;
+  margin-bottom: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:my32 {
+    margin-top: 32px;
+    margin-bottom: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my32 {
+    margin-top: 32px;
+    margin-bottom: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my32 {
+    margin-top: 32px;
+    margin-bottom: 32px;
+  }
+}
+
+.py32 {
+  padding-top: 32px;
+  padding-bottom: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:py32 {
+    padding-top: 32px;
+    padding-bottom: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py32 {
+    padding-top: 32px;
+    padding-bottom: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py32 {
+    padding-top: 32px;
+    padding-bottom: 32px;
+  }
+}
+
+.my40 {
+  margin-top: 40px;
+  margin-bottom: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:my40 {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my40 {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my40 {
+    margin-top: 40px;
+    margin-bottom: 40px;
+  }
+}
+
+.py40 {
+  padding-top: 40px;
+  padding-bottom: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:py40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py40 {
+    padding-top: 40px;
+    padding-bottom: 40px;
+  }
+}
+
+.my48 {
+  margin-top: 48px;
+  margin-bottom: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:my48 {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my48 {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my48 {
+    margin-top: 48px;
+    margin-bottom: 48px;
+  }
+}
+
+.py48 {
+  padding-top: 48px;
+  padding-bottom: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:py48 {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py48 {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py48 {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+}
+
+.my56 {
+  margin-top: 56px;
+  margin-bottom: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:my56 {
+    margin-top: 56px;
+    margin-bottom: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my56 {
+    margin-top: 56px;
+    margin-bottom: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my56 {
+    margin-top: 56px;
+    margin-bottom: 56px;
+  }
+}
+
+.py56 {
+  padding-top: 56px;
+  padding-bottom: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:py56 {
+    padding-top: 56px;
+    padding-bottom: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py56 {
+    padding-top: 56px;
+    padding-bottom: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py56 {
+    padding-top: 56px;
+    padding-bottom: 56px;
+  }
+}
+
+.my64 {
+  margin-top: 64px;
+  margin-bottom: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:my64 {
+    margin-top: 64px;
+    margin-bottom: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my64 {
+    margin-top: 64px;
+    margin-bottom: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my64 {
+    margin-top: 64px;
+    margin-bottom: 64px;
+  }
+}
+
+.py64 {
+  padding-top: 64px;
+  padding-bottom: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:py64 {
+    padding-top: 64px;
+    padding-bottom: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py64 {
+    padding-top: 64px;
+    padding-bottom: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py64 {
+    padding-top: 64px;
+    padding-bottom: 64px;
+  }
+}
+
+.my72 {
+  margin-top: 72px;
+  margin-bottom: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:my72 {
+    margin-top: 72px;
+    margin-bottom: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my72 {
+    margin-top: 72px;
+    margin-bottom: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my72 {
+    margin-top: 72px;
+    margin-bottom: 72px;
+  }
+}
+
+.py72 {
+  padding-top: 72px;
+  padding-bottom: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:py72 {
+    padding-top: 72px;
+    padding-bottom: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py72 {
+    padding-top: 72px;
+    padding-bottom: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py72 {
+    padding-top: 72px;
+    padding-bottom: 72px;
+  }
+}
+
+.my80 {
+  margin-top: 80px;
+  margin-bottom: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:my80 {
+    margin-top: 80px;
+    margin-bottom: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my80 {
+    margin-top: 80px;
+    margin-bottom: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my80 {
+    margin-top: 80px;
+    margin-bottom: 80px;
+  }
+}
+
+.py80 {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:py80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py80 {
+    padding-top: 80px;
+    padding-bottom: 80px;
+  }
+}
+
+.my88 {
+  margin-top: 88px;
+  margin-bottom: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:my88 {
+    margin-top: 88px;
+    margin-bottom: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my88 {
+    margin-top: 88px;
+    margin-bottom: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my88 {
+    margin-top: 88px;
+    margin-bottom: 88px;
+  }
+}
+
+.py88 {
+  padding-top: 88px;
+  padding-bottom: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:py88 {
+    padding-top: 88px;
+    padding-bottom: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py88 {
+    padding-top: 88px;
+    padding-bottom: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py88 {
+    padding-top: 88px;
+    padding-bottom: 88px;
+  }
+}
+
+.my96 {
+  margin-top: 96px;
+  margin-bottom: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:my96 {
+    margin-top: 96px;
+    margin-bottom: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:my96 {
+    margin-top: 96px;
+    margin-bottom: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:my96 {
+    margin-top: 96px;
+    margin-bottom: 96px;
+  }
+}
+
+.py96 {
+  padding-top: 96px;
+  padding-bottom: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:py96 {
+    padding-top: 96px;
+    padding-bottom: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:py96 {
+    padding-top: 96px;
+    padding-bottom: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:py96 {
+    padding-top: 96px;
+    padding-bottom: 96px;
+  }
+}
+
 .mt0 {
   margin-top: 0px;
 }
+@media (max-width: 34rem) {
+  .sm\:mt0 {
+    margin-top: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt0 {
+    margin-top: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt0 {
+    margin-top: 0px;
+  }
+}
+
+.pt0 {
+  padding-top: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt0 {
+    padding-top: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt0 {
+    padding-top: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt0 {
+    padding-top: 0px;
+  }
+}
+
+.mt8 {
+  margin-top: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt8 {
+    margin-top: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt8 {
+    margin-top: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt8 {
+    margin-top: 8px;
+  }
+}
+
+.pt8 {
+  padding-top: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt8 {
+    padding-top: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt8 {
+    padding-top: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt8 {
+    padding-top: 8px;
+  }
+}
+
+.mt16 {
+  margin-top: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt16 {
+    margin-top: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt16 {
+    margin-top: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt16 {
+    margin-top: 16px;
+  }
+}
+
+.pt16 {
+  padding-top: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt16 {
+    padding-top: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt16 {
+    padding-top: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt16 {
+    padding-top: 16px;
+  }
+}
+
+.mt24 {
+  margin-top: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt24 {
+    margin-top: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt24 {
+    margin-top: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt24 {
+    margin-top: 24px;
+  }
+}
+
+.pt24 {
+  padding-top: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt24 {
+    padding-top: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt24 {
+    padding-top: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt24 {
+    padding-top: 24px;
+  }
+}
+
+.mt32 {
+  margin-top: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt32 {
+    margin-top: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt32 {
+    margin-top: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt32 {
+    margin-top: 32px;
+  }
+}
+
+.pt32 {
+  padding-top: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt32 {
+    padding-top: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt32 {
+    padding-top: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt32 {
+    padding-top: 32px;
+  }
+}
+
+.mt40 {
+  margin-top: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt40 {
+    margin-top: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt40 {
+    margin-top: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt40 {
+    margin-top: 40px;
+  }
+}
+
+.pt40 {
+  padding-top: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt40 {
+    padding-top: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt40 {
+    padding-top: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt40 {
+    padding-top: 40px;
+  }
+}
+
+.mt48 {
+  margin-top: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt48 {
+    margin-top: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt48 {
+    margin-top: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt48 {
+    margin-top: 48px;
+  }
+}
+
+.pt48 {
+  padding-top: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt48 {
+    padding-top: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt48 {
+    padding-top: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt48 {
+    padding-top: 48px;
+  }
+}
+
+.mt56 {
+  margin-top: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt56 {
+    margin-top: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt56 {
+    margin-top: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt56 {
+    margin-top: 56px;
+  }
+}
+
+.pt56 {
+  padding-top: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt56 {
+    padding-top: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt56 {
+    padding-top: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt56 {
+    padding-top: 56px;
+  }
+}
+
+.mt64 {
+  margin-top: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt64 {
+    margin-top: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt64 {
+    margin-top: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt64 {
+    margin-top: 64px;
+  }
+}
+
+.pt64 {
+  padding-top: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt64 {
+    padding-top: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt64 {
+    padding-top: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt64 {
+    padding-top: 64px;
+  }
+}
+
+.mt72 {
+  margin-top: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt72 {
+    margin-top: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt72 {
+    margin-top: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt72 {
+    margin-top: 72px;
+  }
+}
+
+.pt72 {
+  padding-top: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt72 {
+    padding-top: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt72 {
+    padding-top: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt72 {
+    padding-top: 72px;
+  }
+}
+
+.mt80 {
+  margin-top: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt80 {
+    margin-top: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt80 {
+    margin-top: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt80 {
+    margin-top: 80px;
+  }
+}
+
+.pt80 {
+  padding-top: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt80 {
+    padding-top: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt80 {
+    padding-top: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt80 {
+    padding-top: 80px;
+  }
+}
+
+.mt88 {
+  margin-top: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt88 {
+    margin-top: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt88 {
+    margin-top: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt88 {
+    margin-top: 88px;
+  }
+}
+
+.pt88 {
+  padding-top: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt88 {
+    padding-top: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt88 {
+    padding-top: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt88 {
+    padding-top: 88px;
+  }
+}
+
+.mt96 {
+  margin-top: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:mt96 {
+    margin-top: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt96 {
+    margin-top: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt96 {
+    margin-top: 96px;
+  }
+}
+
+.pt96 {
+  padding-top: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:pt96 {
+    padding-top: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pt96 {
+    padding-top: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pt96 {
+    padding-top: 96px;
+  }
+}
+
+.mt-auto {
+  margin-top: auto;
+}
+@media (max-width: 34rem) {
+  .sm\:mt-auto {
+    margin-top: auto;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mt-auto {
+    margin-top: auto;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mt-auto {
+    margin-top: auto;
+  }
+}
+
+.mb0 {
+  margin-bottom: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb0 {
+    margin-bottom: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb0 {
+    margin-bottom: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb0 {
+    margin-bottom: 0px;
+  }
+}
+
+.pb0 {
+  padding-bottom: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb0 {
+    padding-bottom: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb0 {
+    padding-bottom: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb0 {
+    padding-bottom: 0px;
+  }
+}
+
+.mb8 {
+  margin-bottom: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb8 {
+    margin-bottom: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb8 {
+    margin-bottom: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb8 {
+    margin-bottom: 8px;
+  }
+}
+
+.pb8 {
+  padding-bottom: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb8 {
+    padding-bottom: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb8 {
+    padding-bottom: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb8 {
+    padding-bottom: 8px;
+  }
+}
+
+.mb16 {
+  margin-bottom: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb16 {
+    margin-bottom: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb16 {
+    margin-bottom: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb16 {
+    margin-bottom: 16px;
+  }
+}
+
+.pb16 {
+  padding-bottom: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb16 {
+    padding-bottom: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb16 {
+    padding-bottom: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb16 {
+    padding-bottom: 16px;
+  }
+}
+
+.mb24 {
+  margin-bottom: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb24 {
+    margin-bottom: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb24 {
+    margin-bottom: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb24 {
+    margin-bottom: 24px;
+  }
+}
+
+.pb24 {
+  padding-bottom: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb24 {
+    padding-bottom: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb24 {
+    padding-bottom: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb24 {
+    padding-bottom: 24px;
+  }
+}
+
+.mb32 {
+  margin-bottom: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb32 {
+    margin-bottom: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb32 {
+    margin-bottom: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb32 {
+    margin-bottom: 32px;
+  }
+}
+
+.pb32 {
+  padding-bottom: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb32 {
+    padding-bottom: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb32 {
+    padding-bottom: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb32 {
+    padding-bottom: 32px;
+  }
+}
+
+.mb40 {
+  margin-bottom: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb40 {
+    margin-bottom: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb40 {
+    margin-bottom: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb40 {
+    margin-bottom: 40px;
+  }
+}
+
+.pb40 {
+  padding-bottom: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb40 {
+    padding-bottom: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb40 {
+    padding-bottom: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb40 {
+    padding-bottom: 40px;
+  }
+}
+
+.mb48 {
+  margin-bottom: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb48 {
+    margin-bottom: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb48 {
+    margin-bottom: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb48 {
+    margin-bottom: 48px;
+  }
+}
+
+.pb48 {
+  padding-bottom: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb48 {
+    padding-bottom: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb48 {
+    padding-bottom: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb48 {
+    padding-bottom: 48px;
+  }
+}
+
+.mb56 {
+  margin-bottom: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb56 {
+    margin-bottom: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb56 {
+    margin-bottom: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb56 {
+    margin-bottom: 56px;
+  }
+}
+
+.pb56 {
+  padding-bottom: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb56 {
+    padding-bottom: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb56 {
+    padding-bottom: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb56 {
+    padding-bottom: 56px;
+  }
+}
+
+.mb64 {
+  margin-bottom: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb64 {
+    margin-bottom: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb64 {
+    margin-bottom: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb64 {
+    margin-bottom: 64px;
+  }
+}
+
+.pb64 {
+  padding-bottom: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb64 {
+    padding-bottom: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb64 {
+    padding-bottom: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb64 {
+    padding-bottom: 64px;
+  }
+}
+
+.mb72 {
+  margin-bottom: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb72 {
+    margin-bottom: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb72 {
+    margin-bottom: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb72 {
+    margin-bottom: 72px;
+  }
+}
+
+.pb72 {
+  padding-bottom: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb72 {
+    padding-bottom: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb72 {
+    padding-bottom: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb72 {
+    padding-bottom: 72px;
+  }
+}
+
+.mb80 {
+  margin-bottom: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb80 {
+    margin-bottom: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb80 {
+    margin-bottom: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb80 {
+    margin-bottom: 80px;
+  }
+}
+
+.pb80 {
+  padding-bottom: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb80 {
+    padding-bottom: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb80 {
+    padding-bottom: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb80 {
+    padding-bottom: 80px;
+  }
+}
+
+.mb88 {
+  margin-bottom: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb88 {
+    margin-bottom: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb88 {
+    margin-bottom: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb88 {
+    margin-bottom: 88px;
+  }
+}
+
+.pb88 {
+  padding-bottom: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb88 {
+    padding-bottom: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb88 {
+    padding-bottom: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb88 {
+    padding-bottom: 88px;
+  }
+}
+
+.mb96 {
+  margin-bottom: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:mb96 {
+    margin-bottom: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb96 {
+    margin-bottom: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb96 {
+    margin-bottom: 96px;
+  }
+}
+
+.pb96 {
+  padding-bottom: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:pb96 {
+    padding-bottom: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pb96 {
+    padding-bottom: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pb96 {
+    padding-bottom: 96px;
+  }
+}
+
+.mb-auto {
+  margin-bottom: auto;
+}
+@media (max-width: 34rem) {
+  .sm\:mb-auto {
+    margin-bottom: auto;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mb-auto {
+    margin-bottom: auto;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mb-auto {
+    margin-bottom: auto;
+  }
+}
+
+.ml0 {
+  margin-left: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml0 {
+    margin-left: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml0 {
+    margin-left: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml0 {
+    margin-left: 0px;
+  }
+}
+
+.pl0 {
+  padding-left: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl0 {
+    padding-left: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl0 {
+    padding-left: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl0 {
+    padding-left: 0px;
+  }
+}
+
+.ml8 {
+  margin-left: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml8 {
+    margin-left: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml8 {
+    margin-left: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml8 {
+    margin-left: 8px;
+  }
+}
+
+.pl8 {
+  padding-left: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl8 {
+    padding-left: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl8 {
+    padding-left: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl8 {
+    padding-left: 8px;
+  }
+}
+
+.ml16 {
+  margin-left: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml16 {
+    margin-left: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml16 {
+    margin-left: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml16 {
+    margin-left: 16px;
+  }
+}
+
+.pl16 {
+  padding-left: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl16 {
+    padding-left: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl16 {
+    padding-left: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl16 {
+    padding-left: 16px;
+  }
+}
+
+.ml24 {
+  margin-left: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml24 {
+    margin-left: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml24 {
+    margin-left: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml24 {
+    margin-left: 24px;
+  }
+}
+
+.pl24 {
+  padding-left: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl24 {
+    padding-left: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl24 {
+    padding-left: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl24 {
+    padding-left: 24px;
+  }
+}
+
+.ml32 {
+  margin-left: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml32 {
+    margin-left: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml32 {
+    margin-left: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml32 {
+    margin-left: 32px;
+  }
+}
+
+.pl32 {
+  padding-left: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl32 {
+    padding-left: 32px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl32 {
+    padding-left: 32px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl32 {
+    padding-left: 32px;
+  }
+}
+
+.ml40 {
+  margin-left: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml40 {
+    margin-left: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml40 {
+    margin-left: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml40 {
+    margin-left: 40px;
+  }
+}
+
+.pl40 {
+  padding-left: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl40 {
+    padding-left: 40px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl40 {
+    padding-left: 40px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl40 {
+    padding-left: 40px;
+  }
+}
+
+.ml48 {
+  margin-left: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml48 {
+    margin-left: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml48 {
+    margin-left: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml48 {
+    margin-left: 48px;
+  }
+}
+
+.pl48 {
+  padding-left: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl48 {
+    padding-left: 48px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl48 {
+    padding-left: 48px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl48 {
+    padding-left: 48px;
+  }
+}
+
+.ml56 {
+  margin-left: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml56 {
+    margin-left: 56px;
+  }
+}
 
-.mt8 {
-  margin-top: 8px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml56 {
+    margin-left: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml56 {
+    margin-left: 56px;
+  }
+}
+
+.pl56 {
+  padding-left: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl56 {
+    padding-left: 56px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl56 {
+    padding-left: 56px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl56 {
+    padding-left: 56px;
+  }
+}
+
+.ml64 {
+  margin-left: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml64 {
+    margin-left: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml64 {
+    margin-left: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml64 {
+    margin-left: 64px;
+  }
+}
+
+.pl64 {
+  padding-left: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl64 {
+    padding-left: 64px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl64 {
+    padding-left: 64px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl64 {
+    padding-left: 64px;
+  }
+}
+
+.ml72 {
+  margin-left: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml72 {
+    margin-left: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml72 {
+    margin-left: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml72 {
+    margin-left: 72px;
+  }
+}
+
+.pl72 {
+  padding-left: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl72 {
+    padding-left: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl72 {
+    padding-left: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl72 {
+    padding-left: 72px;
+  }
+}
+
+.ml80 {
+  margin-left: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml80 {
+    margin-left: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml80 {
+    margin-left: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml80 {
+    margin-left: 80px;
+  }
+}
+
+.pl80 {
+  padding-left: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl80 {
+    padding-left: 80px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl80 {
+    padding-left: 80px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl80 {
+    padding-left: 80px;
+  }
+}
+
+.ml88 {
+  margin-left: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml88 {
+    margin-left: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml88 {
+    margin-left: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml88 {
+    margin-left: 88px;
+  }
+}
+
+.pl88 {
+  padding-left: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl88 {
+    padding-left: 88px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl88 {
+    padding-left: 88px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl88 {
+    padding-left: 88px;
+  }
+}
+
+.ml96 {
+  margin-left: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:ml96 {
+    margin-left: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml96 {
+    margin-left: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml96 {
+    margin-left: 96px;
+  }
+}
+
+.pl96 {
+  padding-left: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:pl96 {
+    padding-left: 96px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pl96 {
+    padding-left: 96px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pl96 {
+    padding-left: 96px;
+  }
+}
+
+.ml-auto {
+  margin-left: auto;
+}
+@media (max-width: 34rem) {
+  .sm\:ml-auto {
+    margin-left: auto;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:ml-auto {
+    margin-left: auto;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:ml-auto {
+    margin-left: auto;
+  }
+}
+
+.mr0 {
+  margin-right: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr0 {
+    margin-right: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr0 {
+    margin-right: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mr0 {
+    margin-right: 0px;
+  }
+}
+
+.pr0 {
+  padding-right: 0px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr0 {
+    padding-right: 0px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr0 {
+    padding-right: 0px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pr0 {
+    padding-right: 0px;
+  }
+}
+
+.mr8 {
+  margin-right: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr8 {
+    margin-right: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr8 {
+    margin-right: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mr8 {
+    margin-right: 8px;
+  }
+}
+
+.pr8 {
+  padding-right: 8px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr8 {
+    padding-right: 8px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr8 {
+    padding-right: 8px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pr8 {
+    padding-right: 8px;
+  }
+}
+
+.mr16 {
+  margin-right: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr16 {
+    margin-right: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr16 {
+    margin-right: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mr16 {
+    margin-right: 16px;
+  }
+}
+
+.pr16 {
+  padding-right: 16px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr16 {
+    padding-right: 16px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr16 {
+    padding-right: 16px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pr16 {
+    padding-right: 16px;
+  }
+}
+
+.mr24 {
+  margin-right: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr24 {
+    margin-right: 24px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr24 {
+    margin-right: 24px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mr24 {
+    margin-right: 24px;
+  }
 }
 
-.mt16 {
-  margin-top: 16px;
+.pr24 {
+  padding-right: 24px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr24 {
+    padding-right: 24px;
+  }
 }
 
-.mt24 {
-  margin-top: 24px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr24 {
+    padding-right: 24px;
+  }
 }
 
-.mt32 {
-  margin-top: 32px;
+@media (min-width: 64rem) {
+  .lg\:pr24 {
+    padding-right: 24px;
+  }
 }
 
-.mt40 {
-  margin-top: 40px;
+.mr32 {
+  margin-right: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr32 {
+    margin-right: 32px;
+  }
 }
 
-.mt48 {
-  margin-top: 48px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr32 {
+    margin-right: 32px;
+  }
 }
 
-.mt56 {
-  margin-top: 56px;
+@media (min-width: 64rem) {
+  .lg\:mr32 {
+    margin-right: 32px;
+  }
 }
 
-.mt64 {
-  margin-top: 64px;
+.pr32 {
+  padding-right: 32px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr32 {
+    padding-right: 32px;
+  }
 }
 
-.mt72 {
-  margin-top: 72px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr32 {
+    padding-right: 32px;
+  }
 }
 
-.mt80 {
-  margin-top: 80px;
+@media (min-width: 64rem) {
+  .lg\:pr32 {
+    padding-right: 32px;
+  }
 }
 
-.mt88 {
-  margin-top: 88px;
+.mr40 {
+  margin-right: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr40 {
+    margin-right: 40px;
+  }
 }
 
-.mt96 {
-  margin-top: 96px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr40 {
+    margin-right: 40px;
+  }
 }
 
-.mb0 {
-  margin-bottom: 0px;
+@media (min-width: 64rem) {
+  .lg\:mr40 {
+    margin-right: 40px;
+  }
 }
 
-.mb8 {
-  margin-bottom: 8px;
+.pr40 {
+  padding-right: 40px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr40 {
+    padding-right: 40px;
+  }
 }
 
-.mb16 {
-  margin-bottom: 16px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr40 {
+    padding-right: 40px;
+  }
 }
 
-.mb24 {
-  margin-bottom: 24px;
+@media (min-width: 64rem) {
+  .lg\:pr40 {
+    padding-right: 40px;
+  }
 }
 
-.mb32 {
-  margin-bottom: 32px;
+.mr48 {
+  margin-right: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr48 {
+    margin-right: 48px;
+  }
 }
 
-.mb40 {
-  margin-bottom: 40px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr48 {
+    margin-right: 48px;
+  }
 }
 
-.mb48 {
-  margin-bottom: 48px;
+@media (min-width: 64rem) {
+  .lg\:mr48 {
+    margin-right: 48px;
+  }
 }
 
-.mb56 {
-  margin-bottom: 56px;
+.pr48 {
+  padding-right: 48px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr48 {
+    padding-right: 48px;
+  }
 }
 
-.mb64 {
-  margin-bottom: 64px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr48 {
+    padding-right: 48px;
+  }
 }
 
-.mb72 {
-  margin-bottom: 72px;
+@media (min-width: 64rem) {
+  .lg\:pr48 {
+    padding-right: 48px;
+  }
 }
 
-.mb80 {
-  margin-bottom: 80px;
+.mr56 {
+  margin-right: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr56 {
+    margin-right: 56px;
+  }
 }
 
-.mb88 {
-  margin-bottom: 88px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr56 {
+    margin-right: 56px;
+  }
 }
 
-.mb96 {
-  margin-bottom: 96px;
+@media (min-width: 64rem) {
+  .lg\:mr56 {
+    margin-right: 56px;
+  }
 }
 
-.mr0 {
-  margin-right: 0px;
+.pr56 {
+  padding-right: 56px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr56 {
+    padding-right: 56px;
+  }
 }
 
-.mr8 {
-  margin-right: 8px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr56 {
+    padding-right: 56px;
+  }
 }
 
-.mr16 {
-  margin-right: 16px;
+@media (min-width: 64rem) {
+  .lg\:pr56 {
+    padding-right: 56px;
+  }
 }
 
-.mr24 {
-  margin-right: 24px;
+.mr64 {
+  margin-right: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr64 {
+    margin-right: 64px;
+  }
 }
 
-.mr32 {
-  margin-right: 32px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr64 {
+    margin-right: 64px;
+  }
 }
 
-.mr40 {
-  margin-right: 40px;
+@media (min-width: 64rem) {
+  .lg\:mr64 {
+    margin-right: 64px;
+  }
 }
 
-.mr48 {
-  margin-right: 48px;
+.pr64 {
+  padding-right: 64px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr64 {
+    padding-right: 64px;
+  }
 }
 
-.mr56 {
-  margin-right: 56px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr64 {
+    padding-right: 64px;
+  }
 }
 
-.mr64 {
-  margin-right: 64px;
+@media (min-width: 64rem) {
+  .lg\:pr64 {
+    padding-right: 64px;
+  }
 }
 
 .mr72 {
   margin-right: 72px;
 }
+@media (max-width: 34rem) {
+  .sm\:mr72 {
+    margin-right: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr72 {
+    margin-right: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mr72 {
+    margin-right: 72px;
+  }
+}
+
+.pr72 {
+  padding-right: 72px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr72 {
+    padding-right: 72px;
+  }
+}
+
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr72 {
+    padding-right: 72px;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:pr72 {
+    padding-right: 72px;
+  }
+}
 
 .mr80 {
   margin-right: 80px;
 }
-
-.mr88 {
-  margin-right: 88px;
+@media (max-width: 34rem) {
+  .sm\:mr80 {
+    margin-right: 80px;
+  }
 }
 
-.mr96 {
-  margin-right: 96px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr80 {
+    margin-right: 80px;
+  }
 }
 
-.ml0 {
-  margin-left: 0px;
+@media (min-width: 64rem) {
+  .lg\:mr80 {
+    margin-right: 80px;
+  }
 }
 
-.ml8 {
-  margin-left: 8px;
+.pr80 {
+  padding-right: 80px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr80 {
+    padding-right: 80px;
+  }
 }
 
-.ml16 {
-  margin-left: 16px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr80 {
+    padding-right: 80px;
+  }
 }
 
-.ml24 {
-  margin-left: 24px;
+@media (min-width: 64rem) {
+  .lg\:pr80 {
+    padding-right: 80px;
+  }
 }
 
-.ml32 {
-  margin-left: 32px;
+.mr88 {
+  margin-right: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr88 {
+    margin-right: 88px;
+  }
 }
 
-.ml40 {
-  margin-left: 40px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr88 {
+    margin-right: 88px;
+  }
 }
 
-.ml48 {
-  margin-left: 48px;
+@media (min-width: 64rem) {
+  .lg\:mr88 {
+    margin-right: 88px;
+  }
 }
 
-.ml56 {
-  margin-left: 56px;
+.pr88 {
+  padding-right: 88px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr88 {
+    padding-right: 88px;
+  }
 }
 
-.ml64 {
-  margin-left: 64px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr88 {
+    padding-right: 88px;
+  }
 }
 
-.ml72 {
-  margin-left: 72px;
+@media (min-width: 64rem) {
+  .lg\:pr88 {
+    padding-right: 88px;
+  }
 }
 
-.ml80 {
-  margin-left: 80px;
+.mr96 {
+  margin-right: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:mr96 {
+    margin-right: 96px;
+  }
 }
 
-.ml88 {
-  margin-left: 88px;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr96 {
+    margin-right: 96px;
+  }
 }
 
-.ml96 {
-  margin-left: 96px;
+@media (min-width: 64rem) {
+  .lg\:mr96 {
+    margin-right: 96px;
+  }
 }
 
-.m-auto {
-  margin: auto;
+.pr96 {
+  padding-right: 96px;
+}
+@media (max-width: 34rem) {
+  .sm\:pr96 {
+    padding-right: 96px;
+  }
 }
 
-.mt-auto {
-  margin-top: auto;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:pr96 {
+    padding-right: 96px;
+  }
 }
 
-.mb-auto {
-  margin-bottom: auto;
+@media (min-width: 64rem) {
+  .lg\:pr96 {
+    padding-right: 96px;
+  }
 }
 
 .mr-auto {
   margin-right: auto;
 }
+@media (max-width: 34rem) {
+  .sm\:mr-auto {
+    margin-right: auto;
+  }
+}
 
-.ml-auto {
-  margin-left: auto;
+@media (min-width: 45rem) and (max-width: 64rem) {
+  .md\:mr-auto {
+    margin-right: auto;
+  }
+}
+
+@media (min-width: 64rem) {
+  .lg\:mr-auto {
+    margin-right: auto;
+  }
 }
 
 .ws1 {
@@ -1313,6 +5455,10 @@ body {
 .p-input--error {
   border: 1px solid #e55454;
 }
+.p-input--error:focus {
+  outline: none;
+  box-shadow: 0 0 0 2px #e55454;
+}
 .p-input input, .p-input--error input {
   position: absolute;
   opacity: 0;
@@ -1453,12 +5599,12 @@ input:checked[type=checkbox] + .p-label--bordered {
   font-family: Arial, Helvetica, sans-serif;
 }
 
-.p-notice, .p-notice--warning, .p-notice--danger, .p-notice--info {
+.p-notice, .p-notice--info, .p-notice--success, .p-notice--warning, .p-notice--danger, .p-notice--primary {
   padding: 8px 16px;
   border: 1px solid;
   border-radius: 8px;
 }
-.p-notice--info {
+.p-notice--primary {
   background-color: #e6e5ff;
   border-color: #8e8cee;
   color: #26262e;
@@ -1472,6 +5618,14 @@ input:checked[type=checkbox] + .p-label--bordered {
   background-color: #fff8e3;
   border-color: #f7ce5c;
 }
+.p-notice--success {
+  background-color: #e4ffe6;
+  border-color: #84de8a;
+}
+.p-notice--info {
+  background-color: #e5f0ff;
+  border-color: #8bb4ea;
+}
 
 .p-badge, .p-badge--info, .p-badge--danger, .p-badge--inactive, .p-badge--pending, .p-badge--active {
   display: inline-block;