/*
  Spacing utilities extracted from utilities.css
  - Margin and padding scales (`m*`, `mx*`, `p*`, etc.).
  - Keep this loaded before utilities-responsive.css.
*/

/*** SPACING ***/
/*margin*/
/* m-* MARGIN */
.m-0-5 { margin: 0.125rem; } /* 2px */
.m-1 { margin: 0.25rem; } /* 4px */
.m-1-5 { margin: 0.375rem; } /* 6px */
.m-2 { margin: 0.5rem; } /* 8px */
.m-2-5 { margin: 0.625rem; } /* 10px */
.m-3 { margin: 0.75rem; } /* 12px */
.m-3-5 { margin: 0.875rem; } /* 14px */
.m-4 { margin: 1rem; } /* 16px */
.m-5 { margin: 1.25rem; } /* 20px */
.m-6 { margin: 1.5rem; } /* 24px */
.m-7 { margin: 1.75rem; } /* 28px */
.m-8 { margin: 2rem; } /* 32px */
.m-9 { margin: 3rem;}
.m-10 { margin: 4rem;}

/* my-* TOP AND BOTTOM */
.my-0-5 { margin-top: 0.125rem; margin-bottom: 0.125rem; } /* 2px */
.my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem; } /* 4px */
.my-1-5 { margin-top: 0.375rem; margin-bottom: 0.375rem; } /* 6px */
.my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } /* 8px */
.my-2-5 { margin-top: 0.625rem; margin-bottom: 0.625rem; } /* 10px */
.my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem; } /* 12px */
.my-3-5 { margin-top: 0.875rem; margin-bottom: 0.875rem; } /* 14px */
.my-4 { margin-top: 1rem; margin-bottom: 1rem; } /* 16px */
.my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } /* 20px */
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } /* 24px */
.my-7 { margin-top: 1.75rem; margin-bottom: 1.75rem; } /* 28px */
.my-8 { margin-top: 2rem; margin-bottom: 2rem; } /* 32px */
.my-9 { margin-top: 3rem; margin-bottom: 3rem;}
.my-10 { margin-top: 4rem; margin-bottom: 4rem;}

/* mx-* RIGHT AND LEFT */
.mx-0-5 { margin-right: 0.125rem; margin-left: 0.125rem; } /* 2px */
.mx-1 { margin-right: 0.25rem; margin-left: 0.25rem; } /* 4px */
.mx-1-5 { margin-right: 0.375rem; margin-left: 0.375rem; } /* 6px */
.mx-2 { margin-right: 0.5rem; margin-left: 0.5rem; } /* 8px */
.mx-2-5 { margin-right: 0.625rem; margin-left: 0.625rem; } /* 10px */
.mx-3 { margin-right: 0.75rem; margin-left: 0.75rem; } /* 12px */
.mx-3-5 { margin-right: 0.875rem; margin-left: 0.875rem; } /* 14px */
.mx-4 { margin-right: 1rem; margin-left: 1rem; } /* 16px */
.mx-5 { margin-right: 1.25rem; margin-left: 1.25rem; } /* 20px */
.mx-6 { margin-right: 1.5rem; margin-left: 1.5rem; } /* 24px */
.mx-7 { margin-right: 1.75rem; margin-left: 1.75rem; } /* 28px */
.mx-8 { margin-right: 2rem; margin-left: 2rem; } /* 32px */
.mx-9 { margin-right: 3rem; margin-left: 3rem;}
.mx-10 { margin-right: 4rem; margin-left: 4rem;}

/* mt-* TOP */
.mt-0-5 { margin-top: 0.125rem; } /* 2px */
.mt-1 { margin-top: 0.25rem; } /* 4px */
.mt-1-5 { margin-top: 0.375rem; }/* 6px */
.mt-2 { margin-top: 0.5rem;} /* 8px */
.mt-2-5 { margin-top: 0.625rem; } /* 10px */
.mt-3 { margin-top: 0.75rem; } /* 12px */
.mt-3-5 {margin-top: 0.875rem; }/* 14px */
.mt-4 { margin-top: 1rem; } /* 16px */
.mt-5 { margin-top: 1.25rem; } /* 20px */
.mt-6 { margin-top: 1.5rem; }/* 24px */
.mt-7 { margin-top: 1.75rem; }/* 28px */
.mt-8 { margin-top: 2rem;} /* 32px */
.mt-9 { margin-top: 3rem;}
.mt-10 { margin-top: 4rem;}

/* mr-* RIGHT */
.mr-0-5 { margin-right: 0.125rem; } /* 2px */
.mr-1 { margin-right: 0.25rem; } /* 4px */
.mr-1-5 { margin-right: 0.375rem; }/* 6px */
.mr-2 { margin-right: 0.5rem;} /* 8px */
.mr-2-5 { margin-right: 0.625rem; } /* 10px */
.mr-3 { margin-right: 0.75rem; } /* 12px */
.mr-3-5 { margin-right: 0.875rem; }/* 14px */
.mr-4 { margin-right: 1rem; } /* 16px */
.mr-5 { margin-right: 1.25rem; } /* 20px */
.mr-6 { margin-right: 1.5rem; }/* 24px */
.mr-7 { margin-right: 1.75rem; }/* 28px */
.mr-8 { margin-right: 2rem;} /* 32px */
.mr-9 { margin-right: 3rem;}
.mr-10 { margin-right: 4rem;}

/* mb-* BOTTOM */
.mb-0-5 { margin-bottom: 0.125rem; } /* 2px */
.mb-1 { margin-bottom: 0.25rem; } /* 4px */
.mb-1-5 { margin-bottom: 0.375rem; }/* 6px */
.mb-2 { margin-bottom: 0.5rem;} /* 8px */
.mb-2-5 { margin-bottom: 0.625rem; } /* 10px */
.mb-3 { margin-bottom: 0.75rem; } /* 12px */
.mb-3-5 { margin-bottom: 0.875rem; }/* 14px */
.mb-4 { margin-bottom: 1rem; } /* 16px */
.mb-5 { margin-bottom: 1.25rem; } /* 20px */
.mb-6 { margin-bottom: 1.5rem; }/* 24px */
.mb-7 { margin-bottom: 1.75rem; }/* 28px */
.mb-8 { margin-bottom: 2rem;} /* 32px */
.mb-9 { margin-bottom: 3rem;}
.mb-10 { margin-bottom: 4rem;}

/* ml-* LEFT */
.ml-0-5 { margin-left: 0.125rem; } /* 2px */
.ml-1 { margin-left: 0.25rem; } /* 4px */
.ml-1-5 { margin-left: 0.375rem; }/* 6px */
.ml-2 { margin-left: 0.5rem;} /* 8px */
.ml-2-5 { margin-left: 0.625rem; } /* 10px */
.ml-3 { margin-left: 0.75rem; } /* 12px */
.ml-3-5 { margin-left: 0.875rem; }/* 14px */
.ml-4 { margin-left: 1rem; } /* 16px */
.ml-5 { margin-left: 1.25rem; } /* 20px */
.ml-6 { margin-left: 1.5rem; }/* 24px */
.ml-7 { margin-left: 1.75rem; }/* 28px */
.ml-8 { margin-left: 2rem;} /* 32px */
.ml-9 { margin-left: 3rem;}
.ml-10 {margin-left: 4rem;}

/*padding*/

/* p-* PADDING */
.p-0-5 { padding: 0.125rem; } /* 2px */
.p-1 { padding: 0.25rem; } /* 4px */
.p-1-5 { padding: 0.375rem; }/* 6px */
.p-2 { padding: 0.5rem;} /* 8px */
.p-2-5 { padding: 0.625rem; } /* 10px */
.p-3 { padding:  0.75rem; } /* 12px */
.p-3-5 { padding: 0.875rem; }/* 14px */
.p-4 { padding: 1rem; } /* 16px */
.p-5 { padding: 1.25rem; } /* 20px */
.p-6 { padding: 1.5rem; }/* 24px */
.p-7 { padding: 1.75rem; }/* 28px */
.p-8 { padding: 2rem;} /* 32px */
.p-9 { padding: 3rem;} 
.p-10 { padding: 4rem;}
.p-11 { padding: 5rem;}
.p-12 { padding: 7.5rem;}

/* py-* TOP AND BOTTOM */
.py-0-5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } /* 2px */
.py-1 { padding-top:  0.25rem; padding-bottom: 0.25rem; } /* 4px */
.py-1-5 { padding-top: 0.375rem; padding-bottom: 0.375rem; }/* 6px */
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem;} /* 8px */
.py-2-5 { padding-top: 0.625rem; padding-bottom: 0.625rem; } /* 10px */
.py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } /* 12px */
.py-3-5 { padding-top: 0.875rem; padding-bottom: 0.875rem; }/* 14px */
.py-4 { padding-top: 1rem; padding-bottom: 1rem; } /* 16px */
.py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } /* 20px */
.py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }/* 24px */
.py-7 { padding-top: 1.75rem; padding-bottom: 1.75rem; }/* 28px */
.py-8 { padding-top: 2rem; padding-bottom: 2rem; } /* 32px */
.py-9 { padding-top: 3rem; padding-bottom: 3rem; } 
.py-10 { padding-top: 4rem; padding-bottom: 4rem;}
.py-11 { padding-top: 5rem; padding-bottom: 5rem;}
.py-12 { padding-top: 7.5rem; padding-bottom: 7.5rem;}



/*px-* RIGHT AND LEFT */
.px-0-5 { padding-right: 0.125rem; padding-left: 0.125rem; } /* 2px */
.px-1 { padding-right:  0.25rem; padding-left: 0.25rem; } /* 4px */
.px-1-5 { padding-right: 0.375rem; padding-left: 0.375rem; }/* 6px */
.px-2 { padding-right: 0.5rem; padding-left: 0.5rem;} /* 8px */
.px-2-5 { padding-right: 0.625rem; padding-left: 0.625rem; } /* 10px */
.px-3 { padding-right: 0.75rem; padding-left: 0.75rem; } /* 12px */
.px-3-5 { padding-right: 0.875rem; padding-left: 0.875rem; }/* 14px */
.px-4 { padding-right: 1rem; padding-left: 1rem; } /* 16px */
.px-5 { padding-right: 1.25rem; padding-left: 1.25rem; } /* 20px */
.px-6 { padding-right: 1.5rem; padding-left: 1.5rem; }/* 24px */
.px-7 { padding-right: 1.75rem; padding-left: 1.75rem; }/* 28px */
.px-8 { padding-right: 2rem; padding-left: 2rem; } /* 32px */
.px-9 { padding-right: 3rem; padding-left: 3rem;}
.px-10 { padding-right: 4rem; padding-left: 4rem;}
.px-11 { padding-right: 5rem; padding-left: 5rem;}
.px-12 { padding-right: 7.5rem; padding-left: 7.5rem;}

/* pt-* TOP */
.pt-0-5 { padding-top: 0.125rem; } /* 2px */
.pt-1 { padding-top: 0.25rem; } /* 4px */
.pt-1-5 { padding-top: 0.375rem; }/* 6px */
.pt-2 { padding-top: 0.5rem;} /* 8px */
.pt-2-5 { padding-top: 0.625rem; } /* 10px */
.pt-3 { padding-top: 0.75rem; } /* 12px */
.pt-3-5 {padding-top: 0.875rem; }/* 14px */
.pt-4 { padding-top: 1rem; } /* 16px */
.pt-5 { padding-top: 1.25rem; } /* 20px */
.pt-6 { padding-top: 1.5rem; }/* 24px */
.pt-7 { padding-top: 1.75rem; }/* 28px */
.pt-8 { padding-top: 2rem;} /* 32px */
.pt-9 { padding-top: 3rem;} 
.pt-10 { padding-top: 4rem;}
.pt-11 { padding-top: 5rem;}
.pt-12 { padding-top: 7.5rem;}

/* pr-* RIGHT */
.pr-0-5 { padding-right: 0.125rem; } /* 2px */
.pr-1 { padding-right: 0.25rem; } /* 4px */
.pr-1-5 { padding-right: 0.375rem; }/* 6px */
.pr-2 { padding-right: 0.5rem;} /* 8px */
.pr-2-5 { padding-right: 0.625rem; } /* 10px */
.pr-3 { padding-right: 0.75rem; } /* 12px */
.pr-3-5 { padding-right: 0.875rem; }/* 14px */
.pr-4 { padding-right: 1rem; } /* 16px */
.pr-5 { padding-right: 1.25rem; } /* 20px */
.pr-6 { padding-right: 1.5rem; }/* 24px */
.pr-7 { padding-right: 1.75rem; }/* 28px */
.pr-8 { padding-right: 2rem;} /* 32px */
.pr-9 { padding-right: 3rem;} 
.pr-10 { padding-right: 4rem;}
.pr-11 { padding-right: 5rem;}
.pr-12 { padding-right: 7.5rem;}

/* pb-* BOTTOM */
.pb-0-5 { padding-bottom: 0.125rem; } /* 2px */
.pb-1 { padding-bottom: 0.25rem; } /* 4px */
.pb-1-5 { padding-bottom: 0.375rem; }/* 6px */
.pb-2 { padding-bottom: 0.5rem;} /* 8px */
.pb-2-5 { padding-bottom: 0.625rem; } /* 10px */
.pb-3 { padding-bottom: 0.75rem; } /* 12px */
.pb-3-5 { padding-bottom: 0.875rem; }/* 14px */
.pb-4 { padding-bottom: 1rem; } /* 16px */
.pb-5 { padding-bottom: 1.25rem; } /* 20px */
.pb-6 { padding-bottom: 1.5rem; }/* 24px */
.pb-7 { padding-bottom: 1.75rem; }/* 28px */
.pb-8 { padding-bottom: 2rem;} /* 32px */
.pb-9 { padding-bottom: 3rem;} 
.pb-10 { padding-bottom: 4rem;}
.pb-11 { padding-bottom: 5rem;}
.pb-12 { padding-bottom: 7.5rem;}

/* pl-* LEFT */
.pl-0-5 { padding-left: 0.125rem; } /* 2px */
.pl-1 { padding-left: 0.25rem; } /* 4px */
.pl-1-5 { padding-left: 0.375rem; }/* 6px */
.pl-2 { padding-left: 0.5rem;} /* 8px */
.pl-2-5 { padding-left: 0.625rem; } /* 10px */
.pl-3 { padding-left: 0.75rem; } /* 12px */
.pl-3-5 { padding-left: 0.875rem; }/* 14px */
.pl-4 { padding-left: 1rem; } /* 16px */
.pl-5 { padding-left: 1.25rem; } /* 20px */
.pl-6 { padding-left: 1.5rem; }/* 24px */
.pl-7 { padding-left: 1.75rem; }/* 28px */
.pl-8 { padding-left: 2rem;} /* 32px */
.pl-9 { padding-left: 3rem;} 
.pl-10 { padding-left: 4rem;}
.pl-11 { padding-left: 5rem;}
.pl-12 { padding-left: 7.5rem;}