:root{
	--primary--5: #FFF0F3;
	--primary-1: #FFE3E7;
	--primary-2: #FFCBD5;
	--primary-3: #FFA1B3;
	--primary-4: #FF6C8B;
	--primary-5: #FB4570;
	--primary-6: #E81652;
	--primary-7: #C40C45;
	--primary-8: #A40D41;
	--primary-9: #8C0F3D;
	--primary-10: #4F021D;

	--black--5: #F6F6F6;
	--black-1: #E7E7E7;
	--black-2: #D1D1D1;
	--black-3: #B0B0B0;
	--black-4: #888888;
	--black-5: #6D6D6D;
	--black-6: #5D5D5D;
	--black-7: #4F4F4F;
	--black-8: #454545;
	--black-9: #3D3D3D;
	--black-10: #1F1F1F;

	--info--5: #F8FBEA;
	--info-1: #EEF5D2;
	--info-2: #DEEDA9;
	--info-3: #C6DF77;
	--info-4: #ADCE4D;
	--info-5: #90B42E;
	--info-6: #708F21;
	--info-7: #556D1E;
	--info-8: #45571D;
	--info-9: #3B4B1C;
	--info-10: #1E290A;

	--warning-1: #FFF9E9;
	--warning-2: #FFF1CC;
	--warning-3: #FFE7AA;
	--warning-4: #FFDB80;
	--warning-5: #FFCF55;
	--warning-6: #FFC32B;
	--warning-7: #FFB700;
	--warning-8: #D49800;
	--warning-9: #AA7A00;
	--warning-10: #976B08;
}
.btn{
	padding: 8px 24px;
	border-radius: 8px;
	justify-content: center;
	font-weight: 600;
	color: #fff;
}
.pd-tb-100{
	padding-top: 100px;
	padding-bottom: 100px;
}
/*default*/
	h1,h2,h3,h4,h5,h6{font-weight: 600;color: var(--black-10);}
	h1,.f-display1{font-size: 54px;}
	h2,.f-display2{font-size: 48px;}
	h3,.f-h1{font-size: 38px;}
	h4,.f-h2{font-size: 28px;}
	h5,.f-subhead1,.f-h3{font-size: 24px;}
	h5,.f-subhead2,.f-h4{font-size: 22px;}
	h5,.f-subhead3,.f-h5{font-size: 20px;}
	p,h6,.f-body1{font-size: 18px;margin-bottom: 10px;}
	.f-body2{font-size: 16px;}
	body{color: var(--black-8);}
	p{line-height: 1.8rem;color: var(--black-8);}
	.f-body3{font-size: 14px;}
	.f-label1{font-size: 12px;}
	.f-label2{font-size: 11px;}

	.fc-primary--5{color: var(--primary--5);}
	.fc-primary-1{color: var(--primary-1);}
	.fc-primary-2{color: var(--primary-2);}
	.fc-primary-3{color: var(--primary-3);}
	.fc-primary-4{color: var(--primary-4);}
	.fc-primary-5{color: var(--primary-5);}
	.fc-primary-6{color: var(--primary-6);}
	.fc-primary-7{color: var(--primary-7);}
	.fc-primary-8{color: var(--primary-8);}
	.fc-primary-9{color: var(--primary-9);}
	.fc-primary-10{color: var(--primary-10);}

	.fc-black--5{color: var(--black--5);}
	.fc-black-1{color: var(--black-1);}
	.fc-black-2{color: var(--black-2);}
	.fc-black-3{color: var(--black-3);}
	.fc-black-4{color: var(--black-4);}
	.fc-black-5{color: var(--black-5);}
	.fc-black-6{color: var(--black-6);}
	.fc-black-7{color: var(--black-7);}
	.fc-black-8{color: var(--black-8);}
	.fc-black-9{color: var(--black-9);}
	.fc-black-10{color: var(--black-10);}

	.fc-info--5{color: var(--info--5);}
	.fc-info-1{color: var(--info-1);}
	.fc-info-2{color: var(--info-2);}
	.fc-info-3{color: var(--info-3);}
	.fc-info-4{color: var(--info-4);}
	.fc-info-5{color: var(--info-5);}
	.fc-info-6{color: var(--info-6);}
	.fc-info-7{color: var(--info-7);}
	.fc-info-8{color: var(--info-8);}
	.fc-info-9{color: var(--info-9);}
	.fc-info-10{color: var(--info-10);}

	.fc-warning-1{color: var(--warning-1);}
	.fc-warning-2{color: var(--warning-2);}
	.fc-warning-3{color: var(--warning-3);}
	.fc-warning-4{color: var(--warning-4);}
	.fc-warning-5{color: var(--warning-5);}
	.fc-warning-6{color: var(--warning-6);}
	.fc-warning-7{color: var(--warning-7);}
	.fc-warning-8{color: var(--warning-8);}
	.fc-warning-9{color: var(--warning-9);}
	.fc-warning-10{color: var(--warning-10);}

	/*Background Color*/
	.bg-primary--5{background-color: var(--primary--5);}
	.bg-primary-1{background-color: var(--primary-1);}
	.bg-primary-2{background-color: var(--primary-2);}
	.bg-primary-3{background-color: var(--primary-3);}
	.bg-primary-4{background-color: var(--primary-4);}
	.bg-primary-5{background-color: var(--primary-5);}
	.bg-primary-6{background-color: var(--primary-6);}
	.bg-primary-7{background-color: var(--primary-7);}
	.bg-primary-8{background-color: var(--primary-8);}
	.bg-primary-9{background-color: var(--primary-9);}
	.bg-primary-10{background-color: var(--primary-10);}

	.bg-black--5{background-color: var(--black--5);}
	.bg-black-1{background-color: var(--black-1);}
	.bg-black-2{background-color: var(--black-2);}
	.bg-black-3{background-color: var(--black-3);}
	.bg-black-4{background-color: var(--black-4);}
	.bg-black-5{background-color: var(--black-5);}
	.bg-black-6{background-color: var(--black-6);}
	.bg-black-7{background-color: var(--black-7);}
	.bg-black-8{background-color: var(--black-8);}
	.bg-black-9{background-color: var(--black-9);}
	.bg-black-10{background-color: var(--black-10);}

	.bg-info--5{background-color: var(--info--5);}
	.bg-info-1{background-color: var(--info-1);}
	.bg-info-2{background-color: var(--info-2);}
	.bg-info-3{background-color: var(--info-3);}
	.bg-info-4{background-color: var(--info-4);}
	.bg-info-5{background-color: var(--info-5);}
	.bg-info-6{background-color: var(--info-6);}
	.bg-info-7{background-color: var(--info-7);}
	.bg-info-8{background-color: var(--info-8);}
	.bg-info-9{background-color: var(--info-9);}
	.bg-info-10{background-color: var(--info-10);}

	.bg-warning-1{background-color: var(--warning-1);}
	.bg-warning-2{background-color: var(--warning-2);}
	.bg-warning-3{background-color: var(--warning-3);}
	.bg-warning-4{background-color: var(--warning-4);}
	.bg-warning-5{background-color: var(--warning-5);}
	.bg-warning-6{background-color: var(--warning-6);}
	.bg-warning-7{background-color: var(--warning-7);}
	.bg-warning-8{background-color: var(--warning-8);}
	.bg-warning-9{background-color: var(--warning-9);}
	.bg-warning-10{background-color: var(--warning-10);}

	/*Hover Background Color*/
	.hover\:bg-primary--5:hover{background-color: var(--primary--5);}
	.hover\:bg-primary-1:hover{background-color: var(--primary-1);}
	.hover\:bg-primary-2:hover{background-color: var(--primary-2);}
	.hover\:bg-primary-3:hover{background-color: var(--primary-3);}
	.hover\:bg-primary-4:hover{background-color: var(--primary-4);}
	.hover\:bg-primary-5:hover{background-color: var(--primary-5);}
	.hover\:bg-primary-6:hover{background-color: var(--primary-6);}
	.hover\:bg-primary-7:hover{background-color: var(--primary-7);}
	.hover\:bg-primary-8:hover{background-color: var(--primary-8);}
	.hover\:bg-primary-9:hover{background-color: var(--primary-9);}
	.hover\:bg-primary-10:hover{background-color: var(--primary-10);}

	.hover\:bg-black--5:hover{background-color: var(--black--5);}
	.hover\:bg-black-1:hover{background-color: var(--black-1);}
	.hover\:bg-black-2:hover{background-color: var(--black-2);}
	.hover\:bg-black-3:hover{background-color: var(--black-3);}
	.hover\:bg-black-4:hover{background-color: var(--black-4);}
	.hover\:bg-black-5:hover{background-color: var(--black-5);}
	.hover\:bg-black-6:hover{background-color: var(--black-6);}
	.hover\:bg-black-7:hover{background-color: var(--black-7);}
	.hover\:bg-black-8:hover{background-color: var(--black-8);}
	.hover\:bg-black-9:hover{background-color: var(--black-9);}
	.hover\:bg-black-10:hover{background-color: var(--black-10);}

	.hover\:bg-info--5:hover{background-color: var(--info--5);}
	.hover\:bg-info-1:hover{background-color: var(--info-1);}
	.hover\:bg-info-2:hover{background-color: var(--info-2);}
	.hover\:bg-info-3:hover{background-color: var(--info-3);}
	.hover\:bg-info-4:hover{background-color: var(--info-4);}
	.hover\:bg-info-5:hover{background-color: var(--info-5);}
	.hover\:bg-info-6:hover{background-color: var(--info-6);}
	.hover\:bg-info-7:hover{background-color: var(--info-7);}
	.hover\:bg-info-8:hover{background-color: var(--info-8);}
	.hover\:bg-info-9:hover{background-color: var(--info-9);}
	.hover\:bg-info-10:hover{background-color: var(--info-10);}

	.hover\:bg-warning-1:hover{background-color: var(--warning-1);}
	.hover\:bg-warning-2:hover{background-color: var(--warning-2);}
	.hover\:bg-warning-3:hover{background-color: var(--warning-3);}
	.hover\:bg-warning-4:hover{background-color: var(--warning-4);}
	.hover\:bg-warning-5:hover{background-color: var(--warning-5);}
	.hover\:bg-warning-6:hover{background-color: var(--warning-6);}
	.hover\:bg-warning-7:hover{background-color: var(--warning-7);}
	.hover\:bg-warning-8:hover{background-color: var(--warning-8);}
	.hover\:bg-warning-9:hover{background-color: var(--warning-9);}
	.hover\:bg-warning-10:hover{background-color: var(--warning-10);}

	/*Fill Color*/
	.fill-primary--5{fill: var(--primary--5);}
	.fill-primary-1{fill: var(--primary-1);}
	.fill-primary-2{fill: var(--primary-2);}
	.fill-primary-3{fill: var(--primary-3);}
	.fill-primary-4{fill: var(--primary-4);}
	.fill-primary-5{fill: var(--primary-5);}
	.fill-primary-6{fill: var(--primary-6);}
	.fill-primary-7{fill: var(--primary-7);}
	.fill-primary-8{fill: var(--primary-8);}
	.fill-primary-9{fill: var(--primary-9);}
	.fill-primary-10{fill: var(--primary-10);}

	.fill-black--5{fill: var(--black--5);}
	.fill-black-1{fill: var(--black-1);}
	.fill-black-2{fill: var(--black-2);}
	.fill-black-3{fill: var(--black-3);}
	.fill-black-4{fill: var(--black-4);}
	.fill-black-5{fill: var(--black-5);}
	.fill-black-6{fill: var(--black-6);}
	.fill-black-7{fill: var(--black-7);}
	.fill-black-8{fill: var(--black-8);}
	.fill-black-9{fill: var(--black-9);}
	.fill-black-10{fill: var(--black-10);}

	.fill-info--5{fill: var(--info--5);}
	.fill-info-1{fill: var(--info-1);}
	.fill-info-2{fill: var(--info-2);}
	.fill-info-3{fill: var(--info-3);}
	.fill-info-4{fill: var(--info-4);}
	.fill-info-5{fill: var(--info-5);}
	.fill-info-6{fill: var(--info-6);}
	.fill-info-7{fill: var(--info-7);}
	.fill-info-8{fill: var(--info-8);}
	.fill-info-9{fill: var(--info-9);}
	.fill-info-10{fill: var(--info-10);}

	.fill-warning-1{fill: var(--warning-1);}
	.fill-warning-2{fill: var(--warning-2);}
	.fill-warning-3{fill: var(--warning-3);}
	.fill-warning-4{fill: var(--warning-4);}
	.fill-warning-5{fill: var(--warning-5);}
	.fill-warning-6{fill: var(--warning-6);}
	.fill-warning-7{fill: var(--warning-7);}
	.fill-warning-8{fill: var(--warning-8);}
	.fill-warning-9{fill: var(--warning-9);}
	.fill-warning-10{fill: var(--warning-10);}
/**/

/*sm*/
@media (min-width: 640px){
	.sm\:f-display1{font-size: 54px;}
	.sm\:f-display2{font-size: 48px;}
	.sm\:f-h1{font-size: 38px;}
	.sm\:f-h2{font-size: 28px;}
	.sm\:f-subhead1,.sm\:f-h3{font-size: 24px;}
	.sm\:f-subhead2,.sm\:f-h4{font-size: 22px;}
	.sm\:f-subhead3,.sm\:f-h5{font-size: 20px;}
	.sm\:f-body1{font-size: 18px;}
	.sm\:f-body2{font-size: 16px;}
	.sm\:f-body3{font-size: 14px;}
	.sm\:f-label1{font-size: 12px;}
	.sm\:f-label2{font-size: 11px;}

	.sm\:fc-primary--5{color: var(--primary--5);}
	.sm\:fc-primary-1{color: var(--primary-1);}
	.sm\:fc-primary-2{color: var(--primary-2);}
	.sm\:fc-primary-3{color: var(--primary-3);}
	.sm\:fc-primary-4{color: var(--primary-4);}
	.sm\:fc-primary-5{color: var(--primary-5);}
	.sm\:fc-primary-6{color: var(--primary-6);}
	.sm\:fc-primary-7{color: var(--primary-7);}
	.sm\:fc-primary-8{color: var(--primary-8);}
	.sm\:fc-primary-9{color: var(--primary-9);}
	.sm\:fc-primary-10{color: var(--primary-10);}

	.sm\:fc-black--5{color: var(--black--5);}
	.sm\:fc-black-1{color: var(--black-1);}
	.sm\:fc-black-2{color: var(--black-2);}
	.sm\:fc-black-3{color: var(--black-3);}
	.sm\:fc-black-4{color: var(--black-4);}
	.sm\:fc-black-5{color: var(--black-5);}
	.sm\:fc-black-6{color: var(--black-6);}
	.sm\:fc-black-7{color: var(--black-7);}
	.sm\:fc-black-8{color: var(--black-8);}
	.sm\:fc-black-9{color: var(--black-9);}
	.sm\:fc-black-10{color: var(--black-10);}

	.sm\:fc-info--5{color: var(--info--5);}
	.sm\:fc-info-1{color: var(--info-1);}
	.sm\:fc-info-2{color: var(--info-2);}
	.sm\:fc-info-3{color: var(--info-3);}
	.sm\:fc-info-4{color: var(--info-4);}
	.sm\:fc-info-5{color: var(--info-5);}
	.sm\:fc-info-6{color: var(--info-6);}
	.sm\:fc-info-7{color: var(--info-7);}
	.sm\:fc-info-8{color: var(--info-8);}
	.sm\:fc-info-9{color: var(--info-9);}
	.sm\:fc-info-10{color: var(--info-10);}

	.sm\:fc-warning-1{color: var(--warning-1);}
	.sm\:fc-warning-2{color: var(--warning-2);}
	.sm\:fc-warning-3{color: var(--warning-3);}
	.sm\:fc-warning-4{color: var(--warning-4);}
	.sm\:fc-warning-5{color: var(--warning-5);}
	.sm\:fc-warning-6{color: var(--warning-6);}
	.sm\:fc-warning-7{color: var(--warning-7);}
	.sm\:fc-warning-8{color: var(--warning-8);}
	.sm\:fc-warning-9{color: var(--warning-9);}
	.sm\:fc-warning-10{color: var(--warning-10);}

	.sm\:bg-primary--5{background-color: var(--primary--5);}
	.sm\:bg-primary-1{background-color: var(--primary-1);}
	.sm\:bg-primary-2{background-color: var(--primary-2);}
	.sm\:bg-primary-3{background-color: var(--primary-3);}
	.sm\:bg-primary-4{background-color: var(--primary-4);}
	.sm\:bg-primary-5{background-color: var(--primary-5);}
	.sm\:bg-primary-6{background-color: var(--primary-6);}
	.sm\:bg-primary-7{background-color: var(--primary-7);}
	.sm\:bg-primary-8{background-color: var(--primary-8);}
	.sm\:bg-primary-9{background-color: var(--primary-9);}
	.sm\:bg-primary-10{background-color: var(--primary-10);}

	.sm\:bg-black--5{background-color: var(--black--5);}
	.sm\:bg-black-1{background-color: var(--black-1);}
	.sm\:bg-black-2{background-color: var(--black-2);}
	.sm\:bg-black-3{background-color: var(--black-3);}
	.sm\:bg-black-4{background-color: var(--black-4);}
	.sm\:bg-black-5{background-color: var(--black-5);}
	.sm\:bg-black-6{background-color: var(--black-6);}
	.sm\:bg-black-7{background-color: var(--black-7);}
	.sm\:bg-black-8{background-color: var(--black-8);}
	.sm\:bg-black-9{background-color: var(--black-9);}
	.sm\:bg-black-10{background-color: var(--black-10);}

	.sm\:bg-info--5{background-color: var(--info--5);}
	.sm\:bg-info-1{background-color: var(--info-1);}
	.sm\:bg-info-2{background-color: var(--info-2);}
	.sm\:bg-info-3{background-color: var(--info-3);}
	.sm\:bg-info-4{background-color: var(--info-4);}
	.sm\:bg-info-5{background-color: var(--info-5);}
	.sm\:bg-info-6{background-color: var(--info-6);}
	.sm\:bg-info-7{background-color: var(--info-7);}
	.sm\:bg-info-8{background-color: var(--info-8);}
	.sm\:bg-info-9{background-color: var(--info-9);}
	.sm\:bg-info-10{background-color: var(--info-10);}

	.sm\:bg-warning-1{background-color: var(--warning-1);}
	.sm\:bg-warning-2{background-color: var(--warning-2);}
	.sm\:bg-warning-3{background-color: var(--warning-3);}
	.sm\:bg-warning-4{background-color: var(--warning-4);}
	.sm\:bg-warning-5{background-color: var(--warning-5);}
	.sm\:bg-warning-6{background-color: var(--warning-6);}
	.sm\:bg-warning-7{background-color: var(--warning-7);}
	.sm\:bg-warning-8{background-color: var(--warning-8);}
	.sm\:bg-warning-9{background-color: var(--warning-9);}
	.sm\:bg-warning-10{background-color: var(--warning-10);}

	/*Hover Background Color*/
	.sm\:hover\:bg-primary--5:hover{background-color: var(--primary--5);}
	.sm\:hover\:bg-primary-1:hover{background-color: var(--primary-1);}
	.sm\:hover\:bg-primary-2:hover{background-color: var(--primary-2);}
	.sm\:hover\:bg-primary-3:hover{background-color: var(--primary-3);}
	.sm\:hover\:bg-primary-4:hover{background-color: var(--primary-4);}
	.sm\:hover\:bg-primary-5:hover{background-color: var(--primary-5);}
	.sm\:hover\:bg-primary-6:hover{background-color: var(--primary-6);}
	.sm\:hover\:bg-primary-7:hover{background-color: var(--primary-7);}
	.sm\:hover\:bg-primary-8:hover{background-color: var(--primary-8);}
	.sm\:hover\:bg-primary-9:hover{background-color: var(--primary-9);}
	.sm\:hover\:bg-primary-10:hover{background-color: var(--primary-10);}

	.sm\:hover\:bg-black--5:hover{background-color: var(--black--5);}
	.sm\:hover\:bg-black-1:hover{background-color: var(--black-1);}
	.sm\:hover\:bg-black-2:hover{background-color: var(--black-2);}
	.sm\:hover\:bg-black-3:hover{background-color: var(--black-3);}
	.sm\:hover\:bg-black-4:hover{background-color: var(--black-4);}
	.sm\:hover\:bg-black-5:hover{background-color: var(--black-5);}
	.sm\:hover\:bg-black-6:hover{background-color: var(--black-6);}
	.sm\:hover\:bg-black-7:hover{background-color: var(--black-7);}
	.sm\:hover\:bg-black-8:hover{background-color: var(--black-8);}
	.sm\:hover\:bg-black-9:hover{background-color: var(--black-9);}
	.sm\:hover\:bg-black-10:hover{background-color: var(--black-10);}

	.sm\:hover\:bg-info--5:hover{background-color: var(--info--5);}
	.sm\:hover\:bg-info-1:hover{background-color: var(--info-1);}
	.sm\:hover\:bg-info-2:hover{background-color: var(--info-2);}
	.sm\:hover\:bg-info-3:hover{background-color: var(--info-3);}
	.sm\:hover\:bg-info-4:hover{background-color: var(--info-4);}
	.sm\:hover\:bg-info-5:hover{background-color: var(--info-5);}
	.sm\:hover\:bg-info-6:hover{background-color: var(--info-6);}
	.sm\:hover\:bg-info-7:hover{background-color: var(--info-7);}
	.sm\:hover\:bg-info-8:hover{background-color: var(--info-8);}
	.sm\:hover\:bg-info-9:hover{background-color: var(--info-9);}
	.sm\:hover\:bg-info-10:hover{background-color: var(--info-10);}

	.sm\:hover\:bg-warning-1:hover{background-color: var(--warning-1);}
	.sm\:hover\:bg-warning-2:hover{background-color: var(--warning-2);}
	.sm\:hover\:bg-warning-3:hover{background-color: var(--warning-3);}
	.sm\:hover\:bg-warning-4:hover{background-color: var(--warning-4);}
	.sm\:hover\:bg-warning-5:hover{background-color: var(--warning-5);}
	.sm\:hover\:bg-warning-6:hover{background-color: var(--warning-6);}
	.sm\:hover\:bg-warning-7:hover{background-color: var(--warning-7);}
	.sm\:hover\:bg-warning-8:hover{background-color: var(--warning-8);}
	.sm\:hover\:bg-warning-9:hover{background-color: var(--warning-9);}
	.sm\:hover\:bg-warning-10:hover{background-color: var(--warning-10);}

	/*Fill Color*/
	.sm\:fill-primary--5{fill: var(--primary--5);}
	.sm\:fill-primary-2{fill: var(--primary-2);}
	.sm\:fill-primary-3{fill: var(--primary-3);}
	.sm\:fill-primary-4{fill: var(--primary-4);}
	.sm\:fill-primary-5{fill: var(--primary-5);}
	.sm\:fill-primary-6{fill: var(--primary-6);}
	.sm\:fill-primary-7{fill: var(--primary-7);}
	.sm\:fill-primary-8{fill: var(--primary-8);}
	.sm\:fill-primary-9{fill: var(--primary-9);}
	.sm\:fill-primary-10{fill: var(--primary-10);}

	.sm\:fill-black--5{fill: var(--black--5);}
	.sm\:fill-black-1{fill: var(--black-1);}
	.sm\:fill-black-2{fill: var(--black-2);}
	.sm\:fill-black-3{fill: var(--black-3);}
	.sm\:fill-black-4{fill: var(--black-4);}
	.sm\:fill-black-5{fill: var(--black-5);}
	.sm\:fill-black-6{fill: var(--black-6);}
	.sm\:fill-black-7{fill: var(--black-7);}
	.sm\:fill-black-8{fill: var(--black-8);}
	.sm\:fill-black-9{fill: var(--black-9);}
	.sm\:fill-black-10{fill: var(--black-10);}

	.sm\:fill-info--5{fill: var(--info--5);}
	.sm\:fill-info-1{fill: var(--info-1);}
	.sm\:fill-info-2{fill: var(--info-2);}
	.sm\:fill-info-3{fill: var(--info-3);}
	.sm\:fill-info-4{fill: var(--info-4);}
	.sm\:fill-info-5{fill: var(--info-5);}
	.sm\:fill-info-6{fill: var(--info-6);}
	.sm\:fill-info-7{fill: var(--info-7);}
	.sm\:fill-info-8{fill: var(--info-8);}
	.sm\:fill-info-9{fill: var(--info-9);}
	.sm\:fill-info-10{fill: var(--info-10);}

	.sm\:fill-warning-1{fill: var(--warning-1);}
	.sm\:fill-warning-2{fill: var(--warning-2);}
	.sm\:fill-warning-3{fill: var(--warning-3);}
	.sm\:fill-warning-4{fill: var(--warning-4);}
	.sm\:fill-warning-5{fill: var(--warning-5);}
	.sm\:fill-warning-6{fill: var(--warning-6);}
	.sm\:fill-warning-7{fill: var(--warning-7);}
	.sm\:fill-warning-8{fill: var(--warning-8);}
	.sm\:fill-warning-9{fill: var(--warning-9);}
	.sm\:fill-warning-10{fill: var(--warning-10);}
}

/*md*/
@media (min-width: 768px){
	.md\:f-display1{font-size: 54px;}
	.md\:f-display2{font-size: 48px;}
	.md\:f-h1{font-size: 38px;}
	.md\:f-h2{font-size: 28px;}
	.md\:f-subhead1,.md\:f-h3{font-size: 24px;}
	.md\:f-subhead2,.md\:f-h4{font-size: 22px;}
	.md\:f-subhead3,.md\:f-h5{font-size: 20px;}
	.md\:f-body1{font-size: 18px;}
	.md\:f-body2{font-size: 16px;}
	.md\:f-body3{font-size: 14px;}
	.md\:f-label1{font-size: 12px;}
	.md\:f-label2{font-size: 11px;}

	.md\:fc-primary--5{color: var(--primary--5);}
	.md\:fc-primary-1{color: var(--primary-1);}
	.md\:fc-primary-2{color: var(--primary-2);}
	.md\:fc-primary-3{color: var(--primary-3);}
	.md\:fc-primary-4{color: var(--primary-4);}
	.md\:fc-primary-5{color: var(--primary-5);}
	.md\:fc-primary-6{color: var(--primary-6);}
	.md\:fc-primary-7{color: var(--primary-7);}
	.md\:fc-primary-8{color: var(--primary-8);}
	.md\:fc-primary-9{color: var(--primary-9);}
	.md\:fc-primary-10{color: var(--primary-10);}

	.md\:fc-black--5{color: var(--black--5);}
	.md\:fc-black-1{color: var(--black-1);}
	.md\:fc-black-2{color: var(--black-2);}
	.md\:fc-black-3{color: var(--black-3);}
	.md\:fc-black-4{color: var(--black-4);}
	.md\:fc-black-5{color: var(--black-5);}
	.md\:fc-black-6{color: var(--black-6);}
	.md\:fc-black-7{color: var(--black-7);}
	.md\:fc-black-8{color: var(--black-8);}
	.md\:fc-black-9{color: var(--black-9);}
	.md\:fc-black-10{color: var(--black-10);}

	.md\:fc-info--5{color: var(--info--5);}
	.md\:fc-info-1{color: var(--info-1);}
	.md\:fc-info-2{color: var(--info-2);}
	.md\:fc-info-3{color: var(--info-3);}
	.md\:fc-info-4{color: var(--info-4);}
	.md\:fc-info-5{color: var(--info-5);}
	.md\:fc-info-6{color: var(--info-6);}
	.md\:fc-info-7{color: var(--info-7);}
	.md\:fc-info-8{color: var(--info-8);}
	.md\:fc-info-9{color: var(--info-9);}
	.md\:fc-info-10{color: var(--info-10);}

	.md\:fc-warning-1{color: var(--warning-1);}
	.md\:fc-warning-2{color: var(--warning-2);}
	.md\:fc-warning-3{color: var(--warning-3);}
	.md\:fc-warning-4{color: var(--warning-4);}
	.md\:fc-warning-5{color: var(--warning-5);}
	.md\:fc-warning-6{color: var(--warning-6);}
	.md\:fc-warning-7{color: var(--warning-7);}
	.md\:fc-warning-8{color: var(--warning-8);}
	.md\:fc-warning-9{color: var(--warning-9);}
	.md\:fc-warning-10{color: var(--warning-10);}

	.md\:bg-primary--5{background-color: var(--primary--5);}
	.md\:bg-primary-1{background-color: var(--primary-1);}
	.md\:bg-primary-2{background-color: var(--primary-2);}
	.md\:bg-primary-3{background-color: var(--primary-3);}
	.md\:bg-primary-4{background-color: var(--primary-4);}
	.md\:bg-primary-5{background-color: var(--primary-5);}
	.md\:bg-primary-6{background-color: var(--primary-6);}
	.md\:bg-primary-7{background-color: var(--primary-7);}
	.md\:bg-primary-8{background-color: var(--primary-8);}
	.md\:bg-primary-9{background-color: var(--primary-9);}
	.md\:bg-primary-10{background-color: var(--primary-10);}

	.md\:bg-black--5{background-color: var(--black--5);}
	.md\:bg-black-1{background-color: var(--black-1);}
	.md\:bg-black-2{background-color: var(--black-2);}
	.md\:bg-black-3{background-color: var(--black-3);}
	.md\:bg-black-4{background-color: var(--black-4);}
	.md\:bg-black-5{background-color: var(--black-5);}
	.md\:bg-black-6{background-color: var(--black-6);}
	.md\:bg-black-7{background-color: var(--black-7);}
	.md\:bg-black-8{background-color: var(--black-8);}
	.md\:bg-black-9{background-color: var(--black-9);}
	.md\:bg-black-10{background-color: var(--black-10);}

	.md\:bg-info--5{background-color: var(--info--5);}
	.md\:bg-info-1{background-color: var(--info-1);}
	.md\:bg-info-2{background-color: var(--info-2);}
	.md\:bg-info-3{background-color: var(--info-3);}
	.md\:bg-info-4{background-color: var(--info-4);}
	.md\:bg-info-5{background-color: var(--info-5);}
	.md\:bg-info-6{background-color: var(--info-6);}
	.md\:bg-info-7{background-color: var(--info-7);}
	.md\:bg-info-8{background-color: var(--info-8);}
	.md\:bg-info-9{background-color: var(--info-9);}
	.md\:bg-info-10{background-color: var(--info-10);}

	.md\:bg-warning-1{background-color: var(--warning-1);}
	.md\:bg-warning-2{background-color: var(--warning-2);}
	.md\:bg-warning-3{background-color: var(--warning-3);}
	.md\:bg-warning-4{background-color: var(--warning-4);}
	.md\:bg-warning-5{background-color: var(--warning-5);}
	.md\:bg-warning-6{background-color: var(--warning-6);}
	.md\:bg-warning-7{background-color: var(--warning-7);}
	.md\:bg-warning-8{background-color: var(--warning-8);}
	.md\:bg-warning-9{background-color: var(--warning-9);}
	.md\:bg-warning-10{background-color: var(--warning-10);}

	/*Hover Background Color*/
	.md\:hover\:bg-primary--5:hover{background-color: var(--primary--5);}
	.md\:hover\:bg-primary-1:hover{background-color: var(--primary-1);}
	.md\:hover\:bg-primary-2:hover{background-color: var(--primary-2);}
	.md\:hover\:bg-primary-3:hover{background-color: var(--primary-3);}
	.md\:hover\:bg-primary-4:hover{background-color: var(--primary-4);}
	.md\:hover\:bg-primary-5:hover{background-color: var(--primary-5);}
	.md\:hover\:bg-primary-6:hover{background-color: var(--primary-6);}
	.md\:hover\:bg-primary-7:hover{background-color: var(--primary-7);}
	.md\:hover\:bg-primary-8:hover{background-color: var(--primary-8);}
	.md\:hover\:bg-primary-9:hover{background-color: var(--primary-9);}
	.md\:hover\:bg-primary-10:hover{background-color: var(--primary-10);}

	.md\:hover\:bg-black--5:hover{background-color: var(--black--5);}
	.md\:hover\:bg-black-1:hover{background-color: var(--black-1);}
	.md\:hover\:bg-black-2:hover{background-color: var(--black-2);}
	.md\:hover\:bg-black-3:hover{background-color: var(--black-3);}
	.md\:hover\:bg-black-4:hover{background-color: var(--black-4);}
	.md\:hover\:bg-black-5:hover{background-color: var(--black-5);}
	.md\:hover\:bg-black-6:hover{background-color: var(--black-6);}
	.md\:hover\:bg-black-7:hover{background-color: var(--black-7);}
	.md\:hover\:bg-black-8:hover{background-color: var(--black-8);}
	.md\:hover\:bg-black-9:hover{background-color: var(--black-9);}
	.md\:hover\:bg-black-10:hover{background-color: var(--black-10);}

	.md\:hover\:bg-info--5:hover{background-color: var(--info--5);}
	.md\:hover\:bg-info-1:hover{background-color: var(--info-1);}
	.md\:hover\:bg-info-2:hover{background-color: var(--info-2);}
	.md\:hover\:bg-info-3:hover{background-color: var(--info-3);}
	.md\:hover\:bg-info-4:hover{background-color: var(--info-4);}
	.md\:hover\:bg-info-5:hover{background-color: var(--info-5);}
	.md\:hover\:bg-info-6:hover{background-color: var(--info-6);}
	.md\:hover\:bg-info-7:hover{background-color: var(--info-7);}
	.md\:hover\:bg-info-8:hover{background-color: var(--info-8);}
	.md\:hover\:bg-info-9:hover{background-color: var(--info-9);}
	.md\:hover\:bg-info-10:hover{background-color: var(--info-10);}

	.md\:hover\:bg-warning-1:hover{background-color: var(--warning-1);}
	.md\:hover\:bg-warning-2:hover{background-color: var(--warning-2);}
	.md\:hover\:bg-warning-3:hover{background-color: var(--warning-3);}
	.md\:hover\:bg-warning-4:hover{background-color: var(--warning-4);}
	.md\:hover\:bg-warning-5:hover{background-color: var(--warning-5);}
	.md\:hover\:bg-warning-6:hover{background-color: var(--warning-6);}
	.md\:hover\:bg-warning-7:hover{background-color: var(--warning-7);}
	.md\:hover\:bg-warning-8:hover{background-color: var(--warning-8);}
	.md\:hover\:bg-warning-9:hover{background-color: var(--warning-9);}
	.md\:hover\:bg-warning-10:hover{background-color: var(--warning-10);}

	/*Fill Color*/
	.md\:fill-primary--5{fill: var(--primary--5);}
	.md\:fill-primary-1{fill: var(--primary-1);}
	.md\:fill-primary-2{fill: var(--primary-2);}
	.md\:fill-primary-3{fill: var(--primary-3);}
	.md\:fill-primary-4{fill: var(--primary-4);}
	.md\:fill-primary-5{fill: var(--primary-5);}
	.md\:fill-primary-6{fill: var(--primary-6);}
	.md\:fill-primary-7{fill: var(--primary-7);}
	.md\:fill-primary-8{fill: var(--primary-8);}
	.md\:fill-primary-9{fill: var(--primary-9);}
	.md\:fill-primary-10{fill: var(--primary-10);}

	.md\:fill-black--5{fill: var(--black--5);}
	.md\:fill-black-1{fill: var(--black-1);}
	.md\:fill-black-2{fill: var(--black-2);}
	.md\:fill-black-3{fill: var(--black-3);}
	.md\:fill-black-4{fill: var(--black-4);}
	.md\:fill-black-5{fill: var(--black-5);}
	.md\:fill-black-6{fill: var(--black-6);}
	.md\:fill-black-7{fill: var(--black-7);}
	.md\:fill-black-8{fill: var(--black-8);}
	.md\:fill-black-9{fill: var(--black-9);}
	.md\:fill-black-10{fill: var(--black-10);}

	.md\:fill-info--5{fill: var(--info--5);}
	.md\:fill-info-1{fill: var(--info-1);}
	.md\:fill-info-2{fill: var(--info-2);}
	.md\:fill-info-3{fill: var(--info-3);}
	.md\:fill-info-4{fill: var(--info-4);}
	.md\:fill-info-5{fill: var(--info-5);}
	.md\:fill-info-6{fill: var(--info-6);}
	.md\:fill-info-7{fill: var(--info-7);}
	.md\:fill-info-8{fill: var(--info-8);}
	.md\:fill-info-9{fill: var(--info-9);}
	.md\:fill-info-10{fill: var(--info-10);}

	.md\:fill-warning-1{fill: var(--warning-1);}
	.md\:fill-warning-2{fill: var(--warning-2);}
	.md\:fill-warning-3{fill: var(--warning-3);}
	.md\:fill-warning-4{fill: var(--warning-4);}
	.md\:fill-warning-5{fill: var(--warning-5);}
	.md\:fill-warning-6{fill: var(--warning-6);}
	.md\:fill-warning-7{fill: var(--warning-7);}
	.md\:fill-warning-8{fill: var(--warning-8);}
	.md\:fill-warning-9{fill: var(--warning-9);}
	.md\:fill-warning-10{fill: var(--warning-10);}
}

/*lg*/
@media (min-width: 1024px){
	.lg\:f-display1{font-size: 54px;}
	.lg\:f-display2{font-size: 48px;}
	.lg\:f-h1{font-size: 38px;}
	.lg\:f-h2{font-size: 28px;}
	.lg\:f-subhead1,.lg\:f-h3{font-size: 24px;}
	.lg\:f-subhead2,.lg\:f-h4{font-size: 22px;}
	.lg\:f-subhead3,.lg\:f-h5{font-size: 20px;}
	.lg\:f-body1{font-size: 18px;}
	.lg\:f-body2{font-size: 16px;}
	.lg\:f-body3{font-size: 14px;}
	.lg\:f-label1{font-size: 12px;}
	.lg\:f-label2{font-size: 11px;}

	.lg\:fc-primary--5{color: var(--primary--5);}
	.lg\:fc-primary-1{color: var(--primary-1);}
	.lg\:fc-primary-2{color: var(--primary-2);}
	.lg\:fc-primary-3{color: var(--primary-3);}
	.lg\:fc-primary-4{color: var(--primary-4);}
	.lg\:fc-primary-5{color: var(--primary-5);}
	.lg\:fc-primary-6{color: var(--primary-6);}
	.lg\:fc-primary-7{color: var(--primary-7);}
	.lg\:fc-primary-8{color: var(--primary-8);}
	.lg\:fc-primary-9{color: var(--primary-9);}
	.lg\:fc-primary-10{color: var(--primary-10);}

	.lg\:fc-black--5{color: var(--black--5);}
	.lg\:fc-black-1{color: var(--black-1);}
	.lg\:fc-black-2{color: var(--black-2);}
	.lg\:fc-black-3{color: var(--black-3);}
	.lg\:fc-black-4{color: var(--black-4);}
	.lg\:fc-black-5{color: var(--black-5);}
	.lg\:fc-black-6{color: var(--black-6);}
	.lg\:fc-black-7{color: var(--black-7);}
	.lg\:fc-black-8{color: var(--black-8);}
	.lg\:fc-black-9{color: var(--black-9);}
	.lg\:fc-black-10{color: var(--black-10);}

	.lg\:fc-info--5{color: var(--info--5);}
	.lg\:fc-info-1{color: var(--info-1);}
	.lg\:fc-info-2{color: var(--info-2);}
	.lg\:fc-info-3{color: var(--info-3);}
	.lg\:fc-info-4{color: var(--info-4);}
	.lg\:fc-info-5{color: var(--info-5);}
	.lg\:fc-info-6{color: var(--info-6);}
	.lg\:fc-info-7{color: var(--info-7);}
	.lg\:fc-info-8{color: var(--info-8);}
	.lg\:fc-info-9{color: var(--info-9);}
	.lg\:fc-info-10{color: var(--info-10);}

	.lg\:fc-warning-1{color: var(--warning-1);}
	.lg\:fc-warning-2{color: var(--warning-2);}
	.lg\:fc-warning-3{color: var(--warning-3);}
	.lg\:fc-warning-4{color: var(--warning-4);}
	.lg\:fc-warning-5{color: var(--warning-5);}
	.lg\:fc-warning-6{color: var(--warning-6);}
	.lg\:fc-warning-7{color: var(--warning-7);}
	.lg\:fc-warning-8{color: var(--warning-8);}
	.lg\:fc-warning-9{color: var(--warning-9);}
	.lg\:fc-warning-10{color: var(--warning-10);}

	.lg\:bg-primary--5{background-color: var(--primary--5);}
	.lg\:bg-primary-1{background-color: var(--primary-1);}
	.lg\:bg-primary-2{background-color: var(--primary-2);}
	.lg\:bg-primary-3{background-color: var(--primary-3);}
	.lg\:bg-primary-4{background-color: var(--primary-4);}
	.lg\:bg-primary-5{background-color: var(--primary-5);}
	.lg\:bg-primary-6{background-color: var(--primary-6);}
	.lg\:bg-primary-7{background-color: var(--primary-7);}
	.lg\:bg-primary-8{background-color: var(--primary-8);}
	.lg\:bg-primary-9{background-color: var(--primary-9);}
	.lg\:bg-primary-10{background-color: var(--primary-10);}

	.lg\:bg-black--5{background-color: var(--black--5);}
	.lg\:bg-black-1{background-color: var(--black-1);}
	.lg\:bg-black-2{background-color: var(--black-2);}
	.lg\:bg-black-3{background-color: var(--black-3);}
	.lg\:bg-black-4{background-color: var(--black-4);}
	.lg\:bg-black-5{background-color: var(--black-5);}
	.lg\:bg-black-6{background-color: var(--black-6);}
	.lg\:bg-black-7{background-color: var(--black-7);}
	.lg\:bg-black-8{background-color: var(--black-8);}
	.lg\:bg-black-9{background-color: var(--black-9);}
	.lg\:bg-black-10{background-color: var(--black-10);}

	.lg\:bg-info--5{background-color: var(--info--5);}
	.lg\:bg-info-1{background-color: var(--info-1);}
	.lg\:bg-info-2{background-color: var(--info-2);}
	.lg\:bg-info-3{background-color: var(--info-3);}
	.lg\:bg-info-4{background-color: var(--info-4);}
	.lg\:bg-info-5{background-color: var(--info-5);}
	.lg\:bg-info-6{background-color: var(--info-6);}
	.lg\:bg-info-7{background-color: var(--info-7);}
	.lg\:bg-info-8{background-color: var(--info-8);}
	.lg\:bg-info-9{background-color: var(--info-9);}
	.lg\:bg-info-10{background-color: var(--info-10);}

	.lg\:bg-warning-1{background-color: var(--warning-1);}
	.lg\:bg-warning-2{background-color: var(--warning-2);}
	.lg\:bg-warning-3{background-color: var(--warning-3);}
	.lg\:bg-warning-4{background-color: var(--warning-4);}
	.lg\:bg-warning-5{background-color: var(--warning-5);}
	.lg\:bg-warning-6{background-color: var(--warning-6);}
	.lg\:bg-warning-7{background-color: var(--warning-7);}
	.lg\:bg-warning-8{background-color: var(--warning-8);}
	.lg\:bg-warning-9{background-color: var(--warning-9);}
	.lg\:bg-warning-10{background-color: var(--warning-10);}

	/*Hover Background Color*/
	.lg\:hover\:bg-primary--5:hover{background-color: var(--primary--5);}
	.lg\:hover\:bg-primary-1:hover{background-color: var(--primary-1);}
	.lg\:hover\:bg-primary-2:hover{background-color: var(--primary-2);}
	.lg\:hover\:bg-primary-3:hover{background-color: var(--primary-3);}
	.lg\:hover\:bg-primary-4:hover{background-color: var(--primary-4);}
	.lg\:hover\:bg-primary-5:hover{background-color: var(--primary-5);}
	.lg\:hover\:bg-primary-6:hover{background-color: var(--primary-6);}
	.lg\:hover\:bg-primary-7:hover{background-color: var(--primary-7);}
	.lg\:hover\:bg-primary-8:hover{background-color: var(--primary-8);}
	.lg\:hover\:bg-primary-9:hover{background-color: var(--primary-9);}
	.lg\:hover\:bg-primary-10:hover{background-color: var(--primary-10);}

	.lg\:hover\:bg-black--5:hover{background-color: var(--black--5);}
	.lg\:hover\:bg-black-1:hover{background-color: var(--black-1);}
	.lg\:hover\:bg-black-2:hover{background-color: var(--black-2);}
	.lg\:hover\:bg-black-3:hover{background-color: var(--black-3);}
	.lg\:hover\:bg-black-4:hover{background-color: var(--black-4);}
	.lg\:hover\:bg-black-5:hover{background-color: var(--black-5);}
	.lg\:hover\:bg-black-6:hover{background-color: var(--black-6);}
	.lg\:hover\:bg-black-7:hover{background-color: var(--black-7);}
	.lg\:hover\:bg-black-8:hover{background-color: var(--black-8);}
	.lg\:hover\:bg-black-9:hover{background-color: var(--black-9);}
	.lg\:hover\:bg-black-10:hover{background-color: var(--black-10);}

	.lg\:hover\:bg-info--5:hover{background-color: var(--info--5);}
	.lg\:hover\:bg-info-1:hover{background-color: var(--info-1);}
	.lg\:hover\:bg-info-2:hover{background-color: var(--info-2);}
	.lg\:hover\:bg-info-3:hover{background-color: var(--info-3);}
	.lg\:hover\:bg-info-4:hover{background-color: var(--info-4);}
	.lg\:hover\:bg-info-5:hover{background-color: var(--info-5);}
	.lg\:hover\:bg-info-6:hover{background-color: var(--info-6);}
	.lg\:hover\:bg-info-7:hover{background-color: var(--info-7);}
	.lg\:hover\:bg-info-8:hover{background-color: var(--info-8);}
	.lg\:hover\:bg-info-9:hover{background-color: var(--info-9);}
	.lg\:hover\:bg-info-10:hover{background-color: var(--info-10);}

	.lg\:hover\:bg-warning-1:hover{background-color: var(--warning-1);}
	.lg\:hover\:bg-warning-2:hover{background-color: var(--warning-2);}
	.lg\:hover\:bg-warning-3:hover{background-color: var(--warning-3);}
	.lg\:hover\:bg-warning-4:hover{background-color: var(--warning-4);}
	.lg\:hover\:bg-warning-5:hover{background-color: var(--warning-5);}
	.lg\:hover\:bg-warning-6:hover{background-color: var(--warning-6);}
	.lg\:hover\:bg-warning-7:hover{background-color: var(--warning-7);}
	.lg\:hover\:bg-warning-8:hover{background-color: var(--warning-8);}
	.lg\:hover\:bg-warning-9:hover{background-color: var(--warning-9);}
	.lg\:hover\:bg-warning-10:hover{background-color: var(--warning-10);}

	/*Fill Color*/
	.lg\:fill-primary--5{fill: var(--primary--5);}
	.lg\:fill-primary-1{fill: var(--primary-1);}
	.lg\:fill-primary-2{fill: var(--primary-2);}
	.lg\:fill-primary-3{fill: var(--primary-3);}
	.lg\:fill-primary-4{fill: var(--primary-4);}
	.lg\:fill-primary-5{fill: var(--primary-5);}
	.lg\:fill-primary-6{fill: var(--primary-6);}
	.lg\:fill-primary-7{fill: var(--primary-7);}
	.lg\:fill-primary-8{fill: var(--primary-8);}
	.lg\:fill-primary-9{fill: var(--primary-9);}
	.lg\:fill-primary-10{fill: var(--primary-10);}

	.lg\:fill-black--5{fill: var(--black--5);}
	.lg\:fill-black-1{fill: var(--black-1);}
	.lg\:fill-black-2{fill: var(--black-2);}
	.lg\:fill-black-3{fill: var(--black-3);}
	.lg\:fill-black-4{fill: var(--black-4);}
	.lg\:fill-black-5{fill: var(--black-5);}
	.lg\:fill-black-6{fill: var(--black-6);}
	.lg\:fill-black-7{fill: var(--black-7);}
	.lg\:fill-black-8{fill: var(--black-8);}
	.lg\:fill-black-9{fill: var(--black-9);}
	.lg\:fill-black-10{fill: var(--black-10);}

	.lg\:fill-info--5{fill: var(--info--5);}
	.lg\:fill-info-1{fill: var(--info-1);}
	.lg\:fill-info-2{fill: var(--info-2);}
	.lg\:fill-info-3{fill: var(--info-3);}
	.lg\:fill-info-4{fill: var(--info-4);}
	.lg\:fill-info-5{fill: var(--info-5);}
	.lg\:fill-info-6{fill: var(--info-6);}
	.lg\:fill-info-7{fill: var(--info-7);}
	.lg\:fill-info-8{fill: var(--info-8);}
	.lg\:fill-info-9{fill: var(--info-9);}
	.lg\:fill-info-10{fill: var(--info-10);}

	.lg\:fill-warning-1{fill: var(--warning-1);}
	.lg\:fill-warning-2{fill: var(--warning-2);}
	.lg\:fill-warning-3{fill: var(--warning-3);}
	.lg\:fill-warning-4{fill: var(--warning-4);}
	.lg\:fill-warning-5{fill: var(--warning-5);}
	.lg\:fill-warning-6{fill: var(--warning-6);}
	.lg\:fill-warning-7{fill: var(--warning-7);}
	.lg\:fill-warning-8{fill: var(--warning-8);}
	.lg\:fill-warning-9{fill: var(--warning-9);}
	.lg\:fill-warning-10{fill: var(--warning-10);}
}

/*xl*/
@media (min-width: 1280px){
	.xl\:f-display1{font-size: 54px;}
	.xl\:f-display2{font-size: 48px;}
	.xl\:f-h1{font-size: 38px;}
	.xl\:f-h2{font-size: 28px;}
	.xl\:f-subhead1,.xl\:f-h3{font-size: 24px;}
	.xl\:f-subhead2,.xl\:f-h4{font-size: 22px;}
	.xl\:f-subhead3,.xl\:f-h5{font-size: 20px;}
	.xl\:f-body1{font-size: 18px;}
	.xl\:f-body2{font-size: 16px;}
	.xl\:f-body3{font-size: 14px;}
	.xl\:f-label1{font-size: 12px;}
	.xl\:f-label2{font-size: 11px;}

	.xl\:fc-primary--5{color: var(--primary--5);}
	.xl\:fc-primary-1{color: var(--primary-1);}
	.xl\:fc-primary-2{color: var(--primary-2);}
	.xl\:fc-primary-3{color: var(--primary-3);}
	.xl\:fc-primary-4{color: var(--primary-4);}
	.xl\:fc-primary-5{color: var(--primary-5);}
	.xl\:fc-primary-6{color: var(--primary-6);}
	.xl\:fc-primary-7{color: var(--primary-7);}
	.xl\:fc-primary-8{color: var(--primary-8);}
	.xl\:fc-primary-9{color: var(--primary-9);}
	.xl\:fc-primary-10{color: var(--primary-10);}

	.xl\:fc-black--5{color: var(--black--5);}
	.xl\:fc-black-1{color: var(--black-1);}
	.xl\:fc-black-2{color: var(--black-2);}
	.xl\:fc-black-3{color: var(--black-3);}
	.xl\:fc-black-4{color: var(--black-4);}
	.xl\:fc-black-5{color: var(--black-5);}
	.xl\:fc-black-6{color: var(--black-6);}
	.xl\:fc-black-7{color: var(--black-7);}
	.xl\:fc-black-8{color: var(--black-8);}
	.xl\:fc-black-9{color: var(--black-9);}
	.xl\:fc-black-10{color: var(--black-10);}

	.xl\:fc-info--5{color: var(--info--5);}
	.xl\:fc-info-1{color: var(--info-1);}
	.xl\:fc-info-2{color: var(--info-2);}
	.xl\:fc-info-3{color: var(--info-3);}
	.xl\:fc-info-4{color: var(--info-4);}
	.xl\:fc-info-5{color: var(--info-5);}
	.xl\:fc-info-6{color: var(--info-6);}
	.xl\:fc-info-7{color: var(--info-7);}
	.xl\:fc-info-8{color: var(--info-8);}
	.xl\:fc-info-9{color: var(--info-9);}
	.xl\:fc-info-10{color: var(--info-10);}

	.xl\:fc-warning-1{color: var(--warning-1);}
	.xl\:fc-warning-2{color: var(--warning-2);}
	.xl\:fc-warning-3{color: var(--warning-3);}
	.xl\:fc-warning-4{color: var(--warning-4);}
	.xl\:fc-warning-5{color: var(--warning-5);}
	.xl\:fc-warning-6{color: var(--warning-6);}
	.xl\:fc-warning-7{color: var(--warning-7);}
	.xl\:fc-warning-8{color: var(--warning-8);}
	.xl\:fc-warning-9{color: var(--warning-9);}
	.xl\:fc-warning-10{color: var(--warning-10);}

	.xl\:bg-primary--5{background-color: var(--primary--5);}
	.xl\:bg-primary-1{background-color: var(--primary-1);}
	.xl\:bg-primary-2{background-color: var(--primary-2);}
	.xl\:bg-primary-3{background-color: var(--primary-3);}
	.xl\:bg-primary-4{background-color: var(--primary-4);}
	.xl\:bg-primary-5{background-color: var(--primary-5);}
	.xl\:bg-primary-6{background-color: var(--primary-6);}
	.xl\:bg-primary-7{background-color: var(--primary-7);}
	.xl\:bg-primary-8{background-color: var(--primary-8);}
	.xl\:bg-primary-9{background-color: var(--primary-9);}
	.xl\:bg-primary-10{background-color: var(--primary-10);}

	.xl\:bg-black--5{background-color: var(--black--5);}
	.xl\:bg-black-1{background-color: var(--black-1);}
	.xl\:bg-black-2{background-color: var(--black-2);}
	.xl\:bg-black-3{background-color: var(--black-3);}
	.xl\:bg-black-4{background-color: var(--black-4);}
	.xl\:bg-black-5{background-color: var(--black-5);}
	.xl\:bg-black-6{background-color: var(--black-6);}
	.xl\:bg-black-7{background-color: var(--black-7);}
	.xl\:bg-black-8{background-color: var(--black-8);}
	.xl\:bg-black-9{background-color: var(--black-9);}
	.xl\:bg-black-10{background-color: var(--black-10);}

	.xl\:bg-info--5{background-color: var(--info--5);}
	.xl\:bg-info-1{background-color: var(--info-1);}
	.xl\:bg-info-2{background-color: var(--info-2);}
	.xl\:bg-info-3{background-color: var(--info-3);}
	.xl\:bg-info-4{background-color: var(--info-4);}
	.xl\:bg-info-5{background-color: var(--info-5);}
	.xl\:bg-info-6{background-color: var(--info-6);}
	.xl\:bg-info-7{background-color: var(--info-7);}
	.xl\:bg-info-8{background-color: var(--info-8);}
	.xl\:bg-info-9{background-color: var(--info-9);}
	.xl\:bg-info-10{background-color: var(--info-10);}

	.xl\:bg-warning-1{background-color: var(--warning-1);}
	.xl\:bg-warning-2{background-color: var(--warning-2);}
	.xl\:bg-warning-3{background-color: var(--warning-3);}
	.xl\:bg-warning-4{background-color: var(--warning-4);}
	.xl\:bg-warning-5{background-color: var(--warning-5);}
	.xl\:bg-warning-6{background-color: var(--warning-6);}
	.xl\:bg-warning-7{background-color: var(--warning-7);}
	.xl\:bg-warning-8{background-color: var(--warning-8);}
	.xl\:bg-warning-9{background-color: var(--warning-9);}
	.xl\:bg-warning-10{background-color: var(--warning-10);}

	/*Hover Background Color*/
	.xl\:hover\:bg-primary--5:hover{background-color: var(--primary--5);}
	.xl\:hover\:bg-primary-1:hover{background-color: var(--primary-1);}
	.xl\:hover\:bg-primary-2:hover{background-color: var(--primary-2);}
	.xl\:hover\:bg-primary-3:hover{background-color: var(--primary-3);}
	.xl\:hover\:bg-primary-4:hover{background-color: var(--primary-4);}
	.xl\:hover\:bg-primary-5:hover{background-color: var(--primary-5);}
	.xl\:hover\:bg-primary-6:hover{background-color: var(--primary-6);}
	.xl\:hover\:bg-primary-7:hover{background-color: var(--primary-7);}
	.xl\:hover\:bg-primary-8:hover{background-color: var(--primary-8);}
	.xl\:hover\:bg-primary-9:hover{background-color: var(--primary-9);}
	.xl\:hover\:bg-primary-10:hover{background-color: var(--primary-10);}

	.xl\:hover\:bg-black--5:hover{background-color: var(--black--5);}
	.xl\:hover\:bg-black-1:hover{background-color: var(--black-1);}
	.xl\:hover\:bg-black-2:hover{background-color: var(--black-2);}
	.xl\:hover\:bg-black-3:hover{background-color: var(--black-3);}
	.xl\:hover\:bg-black-4:hover{background-color: var(--black-4);}
	.xl\:hover\:bg-black-5:hover{background-color: var(--black-5);}
	.xl\:hover\:bg-black-6:hover{background-color: var(--black-6);}
	.xl\:hover\:bg-black-7:hover{background-color: var(--black-7);}
	.xl\:hover\:bg-black-8:hover{background-color: var(--black-8);}
	.xl\:hover\:bg-black-9:hover{background-color: var(--black-9);}
	.xl\:hover\:bg-black-10:hover{background-color: var(--black-10);}

	.xl\:hover\:bg-info--5:hover{background-color: var(--info--5);}
	.xl\:hover\:bg-info-1:hover{background-color: var(--info-1);}
	.xl\:hover\:bg-info-2:hover{background-color: var(--info-2);}
	.xl\:hover\:bg-info-3:hover{background-color: var(--info-3);}
	.xl\:hover\:bg-info-4:hover{background-color: var(--info-4);}
	.xl\:hover\:bg-info-5:hover{background-color: var(--info-5);}
	.xl\:hover\:bg-info-6:hover{background-color: var(--info-6);}
	.xl\:hover\:bg-info-7:hover{background-color: var(--info-7);}
	.xl\:hover\:bg-info-8:hover{background-color: var(--info-8);}
	.xl\:hover\:bg-info-9:hover{background-color: var(--info-9);}
	.xl\:hover\:bg-info-10:hover{background-color: var(--info-10);}

	.xl\:hover\:bg-warning-1:hover{background-color: var(--warning-1);}
	.xl\:hover\:bg-warning-2:hover{background-color: var(--warning-2);}
	.xl\:hover\:bg-warning-3:hover{background-color: var(--warning-3);}
	.xl\:hover\:bg-warning-4:hover{background-color: var(--warning-4);}
	.xl\:hover\:bg-warning-5:hover{background-color: var(--warning-5);}
	.xl\:hover\:bg-warning-6:hover{background-color: var(--warning-6);}
	.xl\:hover\:bg-warning-7:hover{background-color: var(--warning-7);}
	.xl\:hover\:bg-warning-8:hover{background-color: var(--warning-8);}
	.xl\:hover\:bg-warning-9:hover{background-color: var(--warning-9);}
	.xl\:hover\:bg-warning-10:hover{background-color: var(--warning-10);}

	/*Fill Color*/
	.xl\:fill-primary--5{fill: var(--primary--5);}
	.xl\:fill-primary-1{fill: var(--primary-1);}
	.xl\:fill-primary-2{fill: var(--primary-2);}
	.xl\:fill-primary-3{fill: var(--primary-3);}
	.xl\:fill-primary-4{fill: var(--primary-4);}
	.xl\:fill-primary-5{fill: var(--primary-5);}
	.xl\:fill-primary-6{fill: var(--primary-6);}
	.xl\:fill-primary-7{fill: var(--primary-7);}
	.xl\:fill-primary-8{fill: var(--primary-8);}
	.xl\:fill-primary-9{fill: var(--primary-9);}
	.xl\:fill-primary-10{fill: var(--primary-10);}

	.xl\:fill-black--5{fill: var(--black--5);}
	.xl\:fill-black-1{fill: var(--black-1);}
	.xl\:fill-black-2{fill: var(--black-2);}
	.xl\:fill-black-3{fill: var(--black-3);}
	.xl\:fill-black-4{fill: var(--black-4);}
	.xl\:fill-black-5{fill: var(--black-5);}
	.xl\:fill-black-6{fill: var(--black-6);}
	.xl\:fill-black-7{fill: var(--black-7);}
	.xl\:fill-black-8{fill: var(--black-8);}
	.xl\:fill-black-9{fill: var(--black-9);}
	.xl\:fill-black-10{fill: var(--black-10);}

	.xl\:fill-info--5{fill: var(--info--5);}
	.xl\:fill-info-1{fill: var(--info-1);}
	.xl\:fill-info-2{fill: var(--info-2);}
	.xl\:fill-info-3{fill: var(--info-3);}
	.xl\:fill-info-4{fill: var(--info-4);}
	.xl\:fill-info-5{fill: var(--info-5);}
	.xl\:fill-info-6{fill: var(--info-6);}
	.xl\:fill-info-7{fill: var(--info-7);}
	.xl\:fill-info-8{fill: var(--info-8);}
	.xl\:fill-info-9{fill: var(--info-9);}
	.xl\:fill-info-10{fill: var(--info-10);}

	.xl\:fill-warning-1{fill: var(--warning-1);}
	.xl\:fill-warning-2{fill: var(--warning-2);}
	.xl\:fill-warning-3{fill: var(--warning-3);}
	.xl\:fill-warning-4{fill: var(--warning-4);}
	.xl\:fill-warning-5{fill: var(--warning-5);}
	.xl\:fill-warning-6{fill: var(--warning-6);}
	.xl\:fill-warning-7{fill: var(--warning-7);}
	.xl\:fill-warning-8{fill: var(--warning-8);}
	.xl\:fill-warning-9{fill: var(--warning-9);}
	.xl\:fill-warning-10{fill: var(--warning-10);}
}

/*xxl*/
@media (min-width: 1536px){
	.xxl\:f-display1{font-size: 54px;}
	.xxl\:f-display2{font-size: 48px;}
	.xxl\:f-h1{font-size: 38px;}
	.xxl\:f-h2{font-size: 28px;}
	.xxl\:f-subhead1,.xxl\:f-h3{font-size: 24px;}
	.xxl\:f-subhead2,.xxl\:f-h4{font-size: 22px;}
	.xxl\:f-subhead3,.xxl\:f-h5{font-size: 20px;}
	.xxl\:f-body1{font-size: 18px;}
	.xxl\:f-body2{font-size: 16px;}
	.xxl\:f-body3{font-size: 14px;}
	.xxl\:f-label1{font-size: 12px;}
	.xxl\:f-label2{font-size: 11px;}

	.xxl\:fc-primary--5{color: var(--primary--5);}
	.xxl\:fc-primary-1{color: var(--primary-1);}
	.xxl\:fc-primary-2{color: var(--primary-2);}
	.xxl\:fc-primary-3{color: var(--primary-3);}
	.xxl\:fc-primary-4{color: var(--primary-4);}
	.xxl\:fc-primary-5{color: var(--primary-5);}
	.xxl\:fc-primary-6{color: var(--primary-6);}
	.xxl\:fc-primary-7{color: var(--primary-7);}
	.xxl\:fc-primary-8{color: var(--primary-8);}
	.xxl\:fc-primary-9{color: var(--primary-9);}
	.xxl\:fc-primary-10{color: var(--primary-10);}

	.xxl\:fc-black--5{color: var(--black--5);}
	.xxl\:fc-black-1{color: var(--black-1);}
	.xxl\:fc-black-2{color: var(--black-2);}
	.xxl\:fc-black-3{color: var(--black-3);}
	.xxl\:fc-black-4{color: var(--black-4);}
	.xxl\:fc-black-5{color: var(--black-5);}
	.xxl\:fc-black-6{color: var(--black-6);}
	.xxl\:fc-black-7{color: var(--black-7);}
	.xxl\:fc-black-8{color: var(--black-8);}
	.xxl\:fc-black-9{color: var(--black-9);}
	.xxl\:fc-black-10{color: var(--black-10);}

	.xxl\:fc-info--5{color: var(--info--5);}
	.xxl\:fc-info-1{color: var(--info-1);}
	.xxl\:fc-info-2{color: var(--info-2);}
	.xxl\:fc-info-3{color: var(--info-3);}
	.xxl\:fc-info-4{color: var(--info-4);}
	.xxl\:fc-info-5{color: var(--info-5);}
	.xxl\:fc-info-6{color: var(--info-6);}
	.xxl\:fc-info-7{color: var(--info-7);}
	.xxl\:fc-info-8{color: var(--info-8);}
	.xxl\:fc-info-9{color: var(--info-9);}
	.xxl\:fc-info-10{color: var(--info-10);}

	.xxl\:fc-warning-1{color: var(--warning-1);}
	.xxl\:fc-warning-2{color: var(--warning-2);}
	.xxl\:fc-warning-3{color: var(--warning-3);}
	.xxl\:fc-warning-4{color: var(--warning-4);}
	.xxl\:fc-warning-5{color: var(--warning-5);}
	.xxl\:fc-warning-6{color: var(--warning-6);}
	.xxl\:fc-warning-7{color: var(--warning-7);}
	.xxl\:fc-warning-8{color: var(--warning-8);}
	.xxl\:fc-warning-9{color: var(--warning-9);}
	.xxl\:fc-warning-10{color: var(--warning-10);}

	.xxl\:bg-primary--5{background-color: var(--primary--5);}
	.xxl\:bg-primary-1{background-color: var(--primary-1);}
	.xxl\:bg-primary-2{background-color: var(--primary-2);}
	.xxl\:bg-primary-3{background-color: var(--primary-3);}
	.xxl\:bg-primary-4{background-color: var(--primary-4);}
	.xxl\:bg-primary-5{background-color: var(--primary-5);}
	.xxl\:bg-primary-6{background-color: var(--primary-6);}
	.xxl\:bg-primary-7{background-color: var(--primary-7);}
	.xxl\:bg-primary-8{background-color: var(--primary-8);}
	.xxl\:bg-primary-9{background-color: var(--primary-9);}
	.xxl\:bg-primary-10{background-color: var(--primary-10);}

	.xxl\:bg-black--5{background-color: var(--black--5);}
	.xxl\:bg-black-1{background-color: var(--black-1);}
	.xxl\:bg-black-2{background-color: var(--black-2);}
	.xxl\:bg-black-3{background-color: var(--black-3);}
	.xxl\:bg-black-4{background-color: var(--black-4);}
	.xxl\:bg-black-5{background-color: var(--black-5);}
	.xxl\:bg-black-6{background-color: var(--black-6);}
	.xxl\:bg-black-7{background-color: var(--black-7);}
	.xxl\:bg-black-8{background-color: var(--black-8);}
	.xxl\:bg-black-9{background-color: var(--black-9);}
	.xxl\:bg-black-10{background-color: var(--black-10);}

	.xxl\:bg-info--5{background-color: var(--info--5);}
	.xxl\:bg-info-1{background-color: var(--info-1);}
	.xxl\:bg-info-2{background-color: var(--info-2);}
	.xxl\:bg-info-3{background-color: var(--info-3);}
	.xxl\:bg-info-4{background-color: var(--info-4);}
	.xxl\:bg-info-5{background-color: var(--info-5);}
	.xxl\:bg-info-6{background-color: var(--info-6);}
	.xxl\:bg-info-7{background-color: var(--info-7);}
	.xxl\:bg-info-8{background-color: var(--info-8);}
	.xxl\:bg-info-9{background-color: var(--info-9);}
	.xxl\:bg-info-10{background-color: var(--info-10);}

	.xxl\:bg-warning-1{background-color: var(--warning-1);}
	.xxl\:bg-warning-2{background-color: var(--warning-2);}
	.xxl\:bg-warning-3{background-color: var(--warning-3);}
	.xxl\:bg-warning-4{background-color: var(--warning-4);}
	.xxl\:bg-warning-5{background-color: var(--warning-5);}
	.xxl\:bg-warning-6{background-color: var(--warning-6);}
	.xxl\:bg-warning-7{background-color: var(--warning-7);}
	.xxl\:bg-warning-8{background-color: var(--warning-8);}
	.xxl\:bg-warning-9{background-color: var(--warning-9);}
	.xxl\:bg-warning-10{background-color: var(--warning-10);}

	/*Hover Background Color*/
	.xxl\:hover\:bg-primary--5:hover{background-color: var(--primary--5);}
	.xxl\:hover\:bg-primary-1:hover{background-color: var(--primary-1);}
	.xxl\:hover\:bg-primary-2:hover{background-color: var(--primary-2);}
	.xxl\:hover\:bg-primary-3:hover{background-color: var(--primary-3);}
	.xxl\:hover\:bg-primary-4:hover{background-color: var(--primary-4);}
	.xxl\:hover\:bg-primary-5:hover{background-color: var(--primary-5);}
	.xxl\:hover\:bg-primary-6:hover{background-color: var(--primary-6);}
	.xxl\:hover\:bg-primary-7:hover{background-color: var(--primary-7);}
	.xxl\:hover\:bg-primary-8:hover{background-color: var(--primary-8);}
	.xxl\:hover\:bg-primary-9:hover{background-color: var(--primary-9);}
	.xxl\:hover\:bg-primary-10:hover{background-color: var(--primary-10);}

	.xxl\:hover\:bg-black--5:hover{background-color: var(--black--5);}
	.xxl\:hover\:bg-black-1:hover{background-color: var(--black-1);}
	.xxl\:hover\:bg-black-2:hover{background-color: var(--black-2);}
	.xxl\:hover\:bg-black-3:hover{background-color: var(--black-3);}
	.xxl\:hover\:bg-black-4:hover{background-color: var(--black-4);}
	.xxl\:hover\:bg-black-5:hover{background-color: var(--black-5);}
	.xxl\:hover\:bg-black-6:hover{background-color: var(--black-6);}
	.xxl\:hover\:bg-black-7:hover{background-color: var(--black-7);}
	.xxl\:hover\:bg-black-8:hover{background-color: var(--black-8);}
	.xxl\:hover\:bg-black-9:hover{background-color: var(--black-9);}
	.xxl\:hover\:bg-black-10:hover{background-color: var(--black-10);}

	.xxl\:hover\:bg-info--5:hover{background-color: var(--info--5);}
	.xxl\:hover\:bg-info-1:hover{background-color: var(--info-1);}
	.xxl\:hover\:bg-info-2:hover{background-color: var(--info-2);}
	.xxl\:hover\:bg-info-3:hover{background-color: var(--info-3);}
	.xxl\:hover\:bg-info-4:hover{background-color: var(--info-4);}
	.xxl\:hover\:bg-info-5:hover{background-color: var(--info-5);}
	.xxl\:hover\:bg-info-6:hover{background-color: var(--info-6);}
	.xxl\:hover\:bg-info-7:hover{background-color: var(--info-7);}
	.xxl\:hover\:bg-info-8:hover{background-color: var(--info-8);}
	.xxl\:hover\:bg-info-9:hover{background-color: var(--info-9);}
	.xxl\:hover\:bg-info-10:hover{background-color: var(--info-10);}

	.xxl\:hover\:bg-warning-1:hover{background-color: var(--warning-1);}
	.xxl\:hover\:bg-warning-2:hover{background-color: var(--warning-2);}
	.xxl\:hover\:bg-warning-3:hover{background-color: var(--warning-3);}
	.xxl\:hover\:bg-warning-4:hover{background-color: var(--warning-4);}
	.xxl\:hover\:bg-warning-5:hover{background-color: var(--warning-5);}
	.xxl\:hover\:bg-warning-6:hover{background-color: var(--warning-6);}
	.xxl\:hover\:bg-warning-7:hover{background-color: var(--warning-7);}
	.xxl\:hover\:bg-warning-8:hover{background-color: var(--warning-8);}
	.xxl\:hover\:bg-warning-9:hover{background-color: var(--warning-9);}
	.xxl\:hover\:bg-warning-10:hover{background-color: var(--warning-10);}

	/*Fill Color*/
	.xxl\:fill-primary--5{fill: var(--primary--5);}
	.xxl\:fill-primary-1{fill: var(--primary-1);}
	.xxl\:fill-primary-2{fill: var(--primary-2);}
	.xxl\:fill-primary-3{fill: var(--primary-3);}
	.xxl\:fill-primary-4{fill: var(--primary-4);}
	.xxl\:fill-primary-5{fill: var(--primary-5);}
	.xxl\:fill-primary-6{fill: var(--primary-6);}
	.xxl\:fill-primary-7{fill: var(--primary-7);}
	.xxl\:fill-primary-8{fill: var(--primary-8);}
	.xxl\:fill-primary-9{fill: var(--primary-9);}
	.xxl\:fill-primary-10{fill: var(--primary-10);}

	.xxl\:fill-black--5{fill: var(--black--5);}
	.xxl\:fill-black-1{fill: var(--black-1);}
	.xxl\:fill-black-2{fill: var(--black-2);}
	.xxl\:fill-black-3{fill: var(--black-3);}
	.xxl\:fill-black-4{fill: var(--black-4);}
	.xxl\:fill-black-5{fill: var(--black-5);}
	.xxl\:fill-black-6{fill: var(--black-6);}
	.xxl\:fill-black-7{fill: var(--black-7);}
	.xxl\:fill-black-8{fill: var(--black-8);}
	.xxl\:fill-black-9{fill: var(--black-9);}
	.xxl\:fill-black-10{fill: var(--black-10);}

	.xxl\:fill-info--5{fill: var(--info--5);}
	.xxl\:fill-info-1{fill: var(--info-1);}
	.xxl\:fill-info-2{fill: var(--info-2);}
	.xxl\:fill-info-3{fill: var(--info-3);}
	.xxl\:fill-info-4{fill: var(--info-4);}
	.xxl\:fill-info-5{fill: var(--info-5);}
	.xxl\:fill-info-6{fill: var(--info-6);}
	.xxl\:fill-info-7{fill: var(--info-7);}
	.xxl\:fill-info-8{fill: var(--info-8);}
	.xxl\:fill-info-9{fill: var(--info-9);}
	.xxl\:fill-info-10{fill: var(--info-10);}

	.xxl\:fill-warning-1{fill: var(--warning-1);}
	.xxl\:fill-warning-2{fill: var(--warning-2);}
	.xxl\:fill-warning-3{fill: var(--warning-3);}
	.xxl\:fill-warning-4{fill: var(--warning-4);}
	.xxl\:fill-warning-5{fill: var(--warning-5);}
	.xxl\:fill-warning-6{fill: var(--warning-6);}
	.xxl\:fill-warning-7{fill: var(--warning-7);}
	.xxl\:fill-warning-8{fill: var(--warning-8);}
	.xxl\:fill-warning-9{fill: var(--warning-9);}
	.xxl\:fill-warning-10{fill: var(--warning-10);}
}