/*Margin classes*/
.m-1{margin:4px;}
.m-2{margin:8px;}
.m-3{margin:12px;}
.m-4{margin:16px;}
.m-5{margin:20px;}
.m-6{margin:24px;}
.m-7{margin:28px;}
.m-8{margin:32px;}
.m-9{margin:36px;}
.mr-1{margin-right:4px;}
.mr-2{margin-right:8px;}
.mr-3{margin-right:12px;}
.mr-4{margin-right:16px;}
.mr-5{margin-right:20px;}
.mr-6{margin-right:24px;}
.mr-7{margin-right:28px;}
.mr-8{margin-right:32px;}
.mr-9{margin-right:36px;}
.ml-1{margin-left:4px;}
.ml-2{margin-left:8px;}
.ml-3{margin-left:12px;}
.ml-4{margin-left:16px;}
.ml-5{margin-left:20px;}
.ml-6{margin-left:24px;}
.ml-7{margin-left:28px;}
.ml-8{margin-left:32px;}
.ml-9{margin-left:36px;}
.mt-1{margin-top:4px;}
.mt-2{margin-top:8px;}
.mt-3{margin-top:12px;}
.mt-4{margin-top:16px;}
.mt-5{margin-top:20px;}
.mt-6{margin-top:24px;}
.mt-7{margin-top:28px;}
.mt-8{margin-top:32px;}
.mt-9{margin-top:36px;}
.mb-1{margin-bottom:4px;}
.mb-2{margin-bottom:8px;}
.mb-3{margin-bottom:12px;}
.mb-4{margin-bottom:16px;}
.mb-5{margin-bottom:20px;}
.mb-6{margin-bottom:24px;}
.mb-7{margin-bottom:28px;}
.mb-8{margin-bottom:32px;}
.mb-9{margin-bottom:36px;}

/*Padding Classes*/
.p-1{padding:4px;}
.p-2{padding:8px;}
.p-3{padding:12px;}
.p-4{padding:16px;}
.p-5{padding:20px;}
.p-6{padding:24px;}
.p-7{padding:28px;}
.p-8{padding:32px;}
.p-9{padding:36px;}
.pr-1{padding-right:4px;}
.pr-2{padding-right:8px;}
.pr-3{padding-right:12px;}
.pr-4{padding-right:16px;}
.pr-5{padding-right:20px;}
.pr-6{padding-right:24px;}
.pr-7{padding-right:28px;}
.pr-8{padding-right:32px;}
.pr-9{padding-right:36px;}
.pl-1{padding-left:4px;}
.pl-2{padding-left:8px;}
.pl-3{padding-left:12px;}
.pl-4{padding-left:16px;}
.pl-5{padding-left:20px;}
.pl-6{padding-left:24px;}
.pl-7{padding-left:28px;}
.pl-8{padding-left:32px;}
.pl-9{padding-left:36px;}
.pt-1{padding-top:4px;}
.pt-2{padding-top:8px;}
.pt-3{padding-top:12px;}
.pt-4{padding-top:16px;}
.pt-5{padding-top:20px;}
.pt-6{padding-top:24px;}
.pt-7{padding-top:28px;}
.pt-8{padding-top:32px;}
.pt-9{padding-top:36px;}
.pb-1{padding-bottom:4px;}
.pb-2{padding-bottom:8px;}
.pb-3{padding-bottom:12px;}
.pb-4{padding-bottom:16px;}
.pb-5{padding-bottom:20px;}
.pb-6{padding-bottom:24px;}
.pb-7{padding-bottom:28px;}
.pb-8{padding-bottom:32px;}
.pb-9{padding-bottom:36px;}

/*Rounded*/
/* ---------- Rounded Corners ---------- */
.rounded-sm   { border-radius: 0.125rem; } /* 2px */
.rounded      { border-radius: 0.25rem; }  /* 4px */
.rounded-md   { border-radius: 0.375rem; } /* 6px */
.rounded-lg   { border-radius: 0.5rem; }   /* 8px */
.rounded-xl   { border-radius: 0.75rem; }  /* 12px */
.rounded-2xl  { border-radius: 1rem; }     /* 16px */
.rounded-3xl  { border-radius: 1.5rem; }   /* 24px */
.rounded-full { border-radius: 9999px; }   /* Circle / Pill */