/*======================================================================
MF-02

SPACING FOUNDATION
Version : 3.0
======================================================================*/

:root{

--ms-space-0:0;

--ms-space-1:4px;

--ms-space-2:8px;

--ms-space-3:12px;

--ms-space-4:16px;

--ms-space-5:20px;

--ms-space-6:24px;

--ms-space-7:32px;

--ms-space-8:40px;

--ms-space-9:48px;

--ms-space-10:56px;

--ms-space-11:64px;

--ms-space-12:80px;

--ms-space-13:96px;

--ms-space-14:120px;

}


.ms-section-xs{

padding-block:var(--ms-space-6);

}

.ms-section-sm{

padding-block:var(--ms-space-8);

}

.ms-section-md{

padding-block:var(--ms-space-10);

}

.ms-section-lg{

padding-block:var(--ms-space-12);

}

.ms-section-xl{

padding-block:var(--ms-space-14);

}


.ms-stack-xs>*+*{

margin-top:var(--ms-space-2);

}

.ms-stack-sm>*+*{

margin-top:var(--ms-space-4);

}

.ms-stack-md>*+*{

margin-top:var(--ms-space-6);

}

.ms-stack-lg>*+*{

margin-top:var(--ms-space-8);

}

.ms-stack-xl>*+*{

margin-top:var(--ms-space-10);

}

.ms-p-0{padding:var(--ms-space-0);}
.ms-p-1{padding:var(--ms-space-1);}
.ms-p-2{padding:var(--ms-space-2);}
.ms-p-3{padding:var(--ms-space-3);}
.ms-p-4{padding:var(--ms-space-4);}
.ms-p-5{padding:var(--ms-space-5);}
.ms-p-6{padding:var(--ms-space-6);}
.ms-p-7{padding:var(--ms-space-7);}
.ms-p-8{padding:var(--ms-space-8);}
.ms-p-9{padding:var(--ms-space-9);}
.ms-p-10{padding:var(--ms-space-10);}

.ms-pt-0{padding-top:var(--ms-space-0);}
.ms-pt-1{padding-top:var(--ms-space-1);}
.ms-pt-2{padding-top:var(--ms-space-2);}
.ms-pt-3{padding-top:var(--ms-space-3);}
.ms-pt-4{padding-top:var(--ms-space-4);}
.ms-pt-5{padding-top:var(--ms-space-5);}
.ms-pt-6{padding-top:var(--ms-space-6);}
.ms-pt-7{padding-top:var(--ms-space-7);}
.ms-pt-8{padding-top:var(--ms-space-8);}
.ms-pt-9{padding-top:var(--ms-space-9);}
.ms-pt-10{padding-top:var(--ms-space-10);}

.ms-pb-0{padding-bottom:var(--ms-space-0);}
.ms-pb-1{padding-bottom:var(--ms-space-1);}
.ms-pb-2{padding-bottom:var(--ms-space-2);}
.ms-pb-3{padding-bottom:var(--ms-space-3);}
.ms-pb-4{padding-bottom:var(--ms-space-4);}
.ms-pb-5{padding-bottom:var(--ms-space-5);}
.ms-pb-6{padding-bottom:var(--ms-space-6);}
.ms-pb-7{padding-bottom:var(--ms-space-7);}
.ms-pb-8{padding-bottom:var(--ms-space-8);}
.ms-pb-9{padding-bottom:var(--ms-space-9);}
.ms-pb-10{padding-bottom:var(--ms-space-10);}

.ms-pl-0{padding-left:var(--ms-space-0);}
.ms-pl-1{padding-left:var(--ms-space-1);}
.ms-pl-2{padding-left:var(--ms-space-2);}
.ms-pl-3{padding-left:var(--ms-space-3);}
.ms-pl-4{padding-left:var(--ms-space-4);}
.ms-pl-5{padding-left:var(--ms-space-5);}
.ms-pl-6{padding-left:var(--ms-space-6);}
.ms-pl-7{padding-left:var(--ms-space-7);}
.ms-pl-8{padding-left:var(--ms-space-8);}
.ms-pl-9{padding-left:var(--ms-space-9);}
.ms-pl-10{padding-left:var(--ms-space-10);}

.ms-pr-0{padding-right:var(--ms-space-0);}
.ms-pr-1{padding-right:var(--ms-space-1);}
.ms-pr-2{padding-right:var(--ms-space-2);}
.ms-pr-3{padding-right:var(--ms-space-3);}
.ms-pr-4{padding-right:var(--ms-space-4);}
.ms-pr-5{padding-right:var(--ms-space-5);}
.ms-pr-6{padding-right:var(--ms-space-6);}
.ms-pr-7{padding-right:var(--ms-space-7);}
.ms-pr-8{padding-right:var(--ms-space-8);}
.ms-pr-9{padding-right:var(--ms-space-9);}
.ms-pr-10{padding-right:var(--ms-space-10);}

.ms-m-0{margin:var(--ms-space-0);}
.ms-m-1{margin:var(--ms-space-1);}
.ms-m-2{margin:var(--ms-space-2);}
.ms-m-3{margin:var(--ms-space-3);}
.ms-m-4{margin:var(--ms-space-4);}
.ms-m-5{margin:var(--ms-space-5);}
.ms-m-6{margin:var(--ms-space-6);}
.ms-m-7{margin:var(--ms-space-7);}
.ms-m-8{margin:var(--ms-space-8);}
.ms-m-9{margin:var(--ms-space-9);}
.ms-m-10{margin:var(--ms-space-10);}

.ms-mt-0{margin-top:var(--ms-space-0);}
.ms-mt-1{margin-top:var(--ms-space-1);}
.ms-mt-2{margin-top:var(--ms-space-2);}
.ms-mt-3{margin-top:var(--ms-space-3);}
.ms-mt-4{margin-top:var(--ms-space-4);}
.ms-mt-5{margin-top:var(--ms-space-5);}
.ms-mt-6{margin-top:var(--ms-space-6);}
.ms-mt-7{margin-top:var(--ms-space-7);}
.ms-mt-8{margin-top:var(--ms-space-8);}
.ms-mt-9{margin-top:var(--ms-space-9);}
.ms-mt-10{margin-top:var(--ms-space-10);}

.ms-mb-0{margin-bottom:var(--ms-space-0);}
.ms-mb-1{margin-bottom:var(--ms-space-1);}
.ms-mb-2{margin-bottom:var(--ms-space-2);}
.ms-mb-3{margin-bottom:var(--ms-space-3);}
.ms-mb-4{margin-bottom:var(--ms-space-4);}
.ms-mb-5{margin-bottom:var(--ms-space-5);}
.ms-mb-6{margin-bottom:var(--ms-space-6);}
.ms-mb-7{margin-bottom:var(--ms-space-7);}
.ms-mb-8{margin-bottom:var(--ms-space-8);}
.ms-mb-9{margin-bottom:var(--ms-space-9);}
.ms-mb-10{margin-bottom:var(--ms-space-10);}

.ms-ml-auto{margin-left:auto;}
.ms-mr-auto{margin-right:auto;}
.ms-mx-auto{
margin-left:auto;
margin-right:auto;
}


.ms-gap-0{gap:var(--ms-space-0);}
.ms-gap-1{gap:var(--ms-space-1);}
.ms-gap-2{gap:var(--ms-space-2);}
.ms-gap-3{gap:var(--ms-space-3);}
.ms-gap-4{gap:var(--ms-space-4);}
.ms-gap-5{gap:var(--ms-space-5);}
.ms-gap-6{gap:var(--ms-space-6);}
.ms-gap-7{gap:var(--ms-space-7);}
.ms-gap-8{gap:var(--ms-space-8);}
.ms-gap-9{gap:var(--ms-space-9);}
.ms-gap-10{gap:var(--ms-space-10);}