/*! sysacss v0.1.0 | MIT License | github.com/shoaiyb/sysacss */

.ss-z-0 {
  z-index: 0;
}

.ss-z-1 {
  z-index: 10;
}

.ss-z-2 {
  z-index: 20;
}

.ss-z-3 {
  z-index: 30;
}

.ss-z-4 {
  z-index: 40;
}

.ss-z-5 {
  z-index: 50;
}

.ss-z-6 {
  z-index: 60;
}

.ss-z-7 {
  z-index: 70;
}

.ss-z-8 {
  z-index: 80;
}

.ss-z-9 {
  z-index: 90;
}

.ss-z-10 {
  z-index: 100;
}

.ss-z-auto {
  z-index: auto;
}

.ss-h-0 {
  height: 0;
}

.ss-h-1 {
  height: 10%;
}

.ss-h-2 {
  height: 20%;
}

.ss-h-3 {
  height: 30%;
}

.ss-h-4 {
  height: 40%;
}

.ss-h-5 {
  height: 50%;
}

.ss-h-6 {
  height: 60%;
}

.ss-h-7 {
  height: 70%;
}

.ss-h-8 {
  height: 80%;
}

.ss-h-9 {
  height: 90%;
}

.ss-h-10 {
  height: 100%;
}

.ss-h-auto {
  height: auto;
}

.ss-w-0 {
  width: 0;
}

.ss-w-1 {
  width: 10%;
}

.ss-w-2 {
  width: 20%;
}

.ss-w-3 {
  width: 30%;
}

.ss-w-4 {
  width: 40%;
}

.ss-w-5 {
  width: 50%;
}

.ss-w-6 {
  width: 60%;
}

.ss-w-7 {
  width: 70%;
}

.ss-w-8 {
  width: 80%;
}

.ss-w-9 {
  width: 90%;
}

.ss-w-10 {
  width: 100%;
}

.ss-w-auto {
  width: auto;
}

.ss-m-0 {
  margin: 0!important;
}

.ss-m-1 {
  margin: 4px!important;
}

.ss-m-2 {
  margin: 8px!important;
}

.ss-m-3 {
  margin: 12px!important;
}

.ss-m-4 {
  margin: 16px!important;
}

.ss-m-5 {
  margin: 24px!important;
}

.ss-m-6 {
  margin: 48px!important;
}

.ss-m-7 {
  margin: 64px!important;
}

.ss-m-auto {
  margin: auto!important;
}

.ss-mt-0 {
  margin-top: 0!important;
}

.ss-mt-1 {
  margin-top: 4px!important;
}

.ss-mt-2 {
  margin-top: 8px!important;
}

.ss-mt-3 {
  margin-top: 12px!important;
}

.ss-mt-4 {
  margin-top: 16px!important;
}

.ss-mt-5 {
  margin-top: 24px!important;
}

.ss-mt-6 {
  margin-top: 48px!important;
}

.ss-mt-7 {
  margin-top: 64px!important;
}

.ss-mt-auto {
  margin-top: auto!important;
}

.ss-mb-0 {
  margin-bottom: 0!important;
}

.ss-mb-1 {
  margin-bottom: 4px!important;
}

.ss-mb-2 {
  margin-bottom: 8px!important;
}

.ss-mb-3 {
  margin-bottom: 12px!important;
}

.ss-mb-4 {
  margin-bottom: 16px!important;
}

.ss-mb-5 {
  margin-bottom: 24px!important;
}

.ss-mb-6 {
  margin-bottom: 48px!important;
}

.ss-mb-7 {
  margin-bottom: 64px!important;
}

.ss-mb-auto {
  margin-bottom: auto!important;
}

.ss-ml-0 {
  margin-left: 0!important;
}

.ss-ml-1 {
  margin-left: 4px!important;
}

.ss-ml-2 {
  margin-left: 8px!important;
}

.ss-ml-3 {
  margin-left: 12px!important;
}

.ss-ml-4 {
  margin-left: 16px!important;
}

.ss-ml-5 {
  margin-left: 24px!important;
}

.ss-ml-6 {
  margin-left: 48px!important;
}

.ss-ml-7 {
  margin-left: 64px!important;
}

.ss-ml-auto {
  margin-left: auto!important;
}

.ss-mr-0 {
  margin-right: 0!important;
}

.ss-mr-1 {
  margin-right: 4px!important;
}

.ss-mr-2 {
  margin-right: 8px!important;
}

.ss-mr-3 {
  margin-right: 12px!important;
}

.ss-mr-4 {
  margin-right: 16px!important;
}

.ss-mr-5 {
  margin-right: 24px!important;
}

.ss-mr-6 {
  margin-right: 48px!important;
}

.ss-mr-7 {
  margin-right: 64px!important;
}

.ss-mr-auto {
  margin-right: auto!important;
}

.ss-my-0 {
  margin-top: 0!important;
  margin-bottom: 0!important;
}

.ss-my-1 {
  margin-top: 4px!important;
  margin-bottom: 4px!important;
}

.ss-my-2 {
  margin-top: 8px!important;
  margin-bottom: 8px!important;
}

.ss-my-3 {
  margin-top: 12px!important;
  margin-bottom: 12px!important;
}

.ss-my-4 {
  margin-top: 16px!important;
  margin-bottom: 16px!important;
}

.ss-my-5 {
  margin-top: 24px!important;
  margin-bottom: 24px!important;
}

.ss-my-6 {
  margin-top: 48px!important;
  margin-bottom: 48px!important;
}

.ss-my-7 {
  margin-top: 64px!important;
  margin-bottom: 64px!important;
}

.ss-my-auto {
  margin-top: auto!important;
  margin-bottom: auto!important;
}

.ss-mx-0 {
  margin-left: 0!important;
  margin-right: 0!important;
}

.ss-mx-1 {
  margin-left: 4px!important;
  margin-right: 4px!important;
}

.ss-mx-2 {
  margin-left: 8px!important;
  margin-right: 8px!important;
}

.ss-mx-3 {
  margin-left: 12px!important;
  margin-right: 12px!important;
}

.ss-mx-4 {
  margin-left: 16px!important;
  margin-right: 16px!important;
}

.ss-mx-5 {
  margin-left: 24px!important;
  margin-right: 24px!important;
}

.ss-mx-6 {
  margin-left: 48px!important;
  margin-right: 48px!important;
}

.ss-mx-7 {
  margin-left: 64px!important;
  margin-right: 64px!important;
}

.ss-mx-auto {
  margin-left: auto!important;
  margin-right: auto!important;
}

.ss-p-0 {
  padding: 0!important;
}

.ss-p-1 {
  padding: 4px!important;
}

.ss-p-2 {
  padding: 8px!important;
}

.ss-p-3 {
  padding: 12px!important;
}

.ss-p-4 {
  padding: 16px!important;
}

.ss-p-5 {
  padding: 24px!important;
}

.ss-p-6 {
  padding: 48px!important;
}

.ss-p-7 {
  padding: 64px!important;
}

.ss-pt-0 {
  padding-top: 0!important;
}

.ss-pt-1 {
  padding-top: 4px!important;
}

.ss-pt-2 {
  padding-top: 8px!important;
}

.ss-pt-3 {
  padding-top: 12px!important;
}

.ss-pt-4 {
  padding-top: 16px!important;
}

.ss-pt-5 {
  padding-top: 24px!important;
}

.ss-pt-6 {
  padding-top: 48px!important;
}

.ss-pt-7 {
  padding-top: 64px!important;
}

.ss-pb-0 {
  padding-bottom: 0!important;
}

.ss-pb-1 {
  padding-bottom: 4px!important;
}

.ss-pb-2 {
  padding-bottom: 8px!important;
}

.ss-pb-3 {
  padding-bottom: 12px!important;
}

.ss-pb-4 {
  padding-bottom: 16px!important;
}

.ss-pb-5 {
  padding-bottom: 24px!important;
}

.ss-pb-6 {
  padding-bottom: 48px!important;
}

.ss-pb-7 {
  padding-bottom: 64px!important;
}

.ss-pl-0 {
  padding-left: 0!important;
}

.ss-pl-1 {
  padding-left: 4px!important;
}

.ss-pl-2 {
  padding-left: 8px!important;
}

.ss-pl-3 {
  padding-left: 12px!important;
}

.ss-pl-4 {
  padding-left: 16px!important;
}

.ss-pl-5 {
  padding-left: 24px!important;
}

.ss-pl-6 {
  padding-left: 48px!important;
}

.ss-pl-7 {
  padding-left: 64px!important;
}

.ss-pr-0 {
  padding-right: 0!important;
}

.ss-pr-1 {
  padding-right: 4px!important;
}

.ss-pr-2 {
  padding-right: 8px!important;
}

.ss-pr-3 {
  padding-right: 12px!important;
}

.ss-pr-4 {
  padding-right: 16px!important;
}

.ss-pr-5 {
  padding-right: 24px!important;
}

.ss-pr-6 {
  padding-right: 48px!important;
}

.ss-pr-7 {
  padding-right: 64px!important;
}

.ss-py-0 {
  padding-top: 0!important;
  padding-bottom: 0!important;
}

.ss-py-1 {
  padding-top: 4px!important;
  padding-bottom: 4px!important;
}

.ss-py-2 {
  padding-top: 8px!important;
  padding-bottom: 8px!important;
}

.ss-py-3 {
  padding-top: 12px!important;
  padding-bottom: 12px!important;
}

.ss-py-4 {
  padding-top: 16px!important;
  padding-bottom: 16px!important;
}

.ss-py-5 {
  padding-top: 24px!important;
  padding-bottom: 24px!important;
}

.ss-py-6 {
  padding-top: 48px!important;
  padding-bottom: 48px!important;
}

.ss-py-7 {
  padding-top: 64px!important;
  padding-bottom: 64px!important;
}

.ss-px-0 {
  padding-left: 0!important;
  padding-right: 0!important;
}

.ss-px-1 {
  padding-left: 4px!important;
  padding-right: 4px!important;
}

.ss-px-2 {
  padding-left: 8px!important;
  padding-right: 8px!important;
}

.ss-px-3 {
  padding-left: 12px!important;
  padding-right: 12px!important;
}

.ss-px-4 {
  padding-left: 16px!important;
  padding-right: 16px!important;
}

.ss-px-5 {
  padding-left: 24px!important;
  padding-right: 24px!important;
}

.ss-px-6 {
  padding-left: 48px!important;
  padding-right: 48px!important;
}

.ss-px-7 {
  padding-left: 64px!important;
  padding-right: 64px!important;
}