:root{
  --orange900: #630D00;
  --orange700: #D43504;
  --orange600: #FF6637;
  --orange500: #FF8560;
  --orange200: #FFE5DD;
  --gray900: #18181B;
  --gray800: #2E2D2D;
  --gray700: #403F3F;
  --gray600: #615F5E;
  --gray500: #807E7D;
  --gray400: #999797;
  --gray300: #BFBCBB;
  --gray200: #D9D6D5;
  --gray100: #EAE6E5;
  --gray50: #FAF6F5;
  --purewhite: #FFFFFF;
  --red500: #E3351D;
  --red100: #FFD9D4;
  --green100: #E0F6E5;
  --green500: #59AE52;
  --green800: #165F10;
  --semanticorange500: #CF7A38;
  --grayopacity10: rgba(24, 24, 27, 0.08);
  --grayopacity20: rgba(24, 24, 27, 0.2);
  --grayopacity50: rgba(24, 24, 27, 0.5);
  --orangeopacity10: rgba(255, 99, 51, 0.1);
  --orangeopacity20: rgba(255, 99, 51, 0.2);
  --orangeopacity50: rgba(255, 99, 51, 0.5);
  --whiteopacity10: rgba(255, 255, 255, 0.1);
  --whiteopacity20: rgba(255, 255, 255, 0.2);
  --whiteopacity50: rgba(255, 255, 255, 0.5);
}


/* COLOR Orange900 */
.colorOrange900{ color: var(--orange900); }
.hoverColorOrange900:hover{ color: var(--orange900); }
.bgColorOrange900{ background-color: var(--orange900); }
.hoverBgColorOrange900:hover{ background-color: var(--orange900); }
.borderOrange900{ border-color: var(--orange900); }
.hoverBorderOrange900:hover{ border-color: var(--orange900); }

/* COLOR Orange700 */
.colorOrange700{ color: var(--orange700); }
.hoverColorOrange700:hover{ color: var(--orange700); }
.bgColorOrange700{ background-color: var(--orange700); }
.hoverBgColorOrange700:hover{ background-color: var(--orange700); }
.borderOrange700{ border-color: var(--orange700); }
.hoverBorderOrange700:hover{ border-color: var(--orange700); }

/* COLOR Orange600 */
.colorOrange600{ color: var(--orange600); }
.hoverColorOrange600:hover{ color: var(--orange600); }
.bgColorOrange600{ background-color: var(--orange600); }
.hoverBgColorOrange600:hover{ background-color: var(--orange600); }
.borderOrange600{ border-color: var(--orange600); }
.hoverBorderOrange600:hover{ border-color: var(--orange600); }

/* COLOR Orange500 */
.colorOrange500{ color: var(--orange500); }
.hoverColorOrange500:hover{ color: var(--orange500); }
.bgColorOrange500{ background-color: var(--orange500); }
.hoverBgColorOrange500:hover{ background-color: var(--orange500); }
.borderOrange500{ border-color: var(--orange500); }
.hoverBorderOrange500:hover{ border-color: var(--orange500); }

/* COLOR Orange200 */
.colorOrange200{ color: var(--orange200); }
.hoverColorOrange200:hover{ color: var(--orange200); }
.bgColorOrange200{ background-color: var(--orange200); }
.hoverBgColorOrange200:hover{ background-color: var(--orange200); }
.borderOrange200{ border-color: var(--orange200); }
.hoverBorderOrange200:hover{ border-color: var(--orange200); }

/* COLOR Gray900 */
.colorGray900{ color: var(--gray900); }
.hoverColorGray900:hover{ color: var(--gray900); }
.bgColorGray900{ background-color: var(--gray900); }
.hoverBgColorGray900:hover{ background-color: var(--gray900); }
.borderGray900{ border-color: var(--gray900); }
.hoverBorderGray900:hover{ border-color: var(--gray900); }

/* COLOR Gray800 */
.colorGray800{ color: var(--gray800); }
.hoverColorGray800:hover{ color: var(--gray800); }
.bgColorGray800{ background-color: var(--gray800); }
.hoverBgColorGray800:hover{ background-color: var(--gray800); }
.borderGray800{ border-color: var(--gray800); }
.hoverBorderGray800:hover{ border-color: var(--gray800); }

/* COLOR Gray700 */
.colorGray700{ color: var(--gray700); }
.hoverColorGray700:hover{ color: var(--gray700); }
.bgColorGray700{ background-color: var(--gray700); }
.hoverBgColorGray700:hover{ background-color: var(--gray700); }
.borderGray700{ border-color: var(--gray700); }
.hoverBorderGray700:hover{ border-color: var(--gray700); }

/* COLOR Gray600 */
.colorGray600{ color: var(--gray600); }
.hoverColorGray600:hover{ color: var(--gray600); }
.bgColorGray600{ background-color: var(--gray600); }
.hoverBgColorGray600:hover{ background-color: var(--gray600); }
.borderGray600{ border-color: var(--gray600); }
.hoverBorderGray600:hover{ border-color: var(--gray600); }

/* COLOR Gray500 */
.colorGray500{ color: var(--gray500); }
.hoverColorGray500:hover{ color: var(--gray500); }
.bgColorGray500{ background-color: var(--gray500); }
.hoverBgColorGray500:hover{ background-color: var(--gray500); }
.borderGray500{ border-color: var(--gray500); }
.hoverBorderGray500:hover{ border-color: var(--gray500); }

/* COLOR Gray400 */
.colorGray400{ color: var(--gray400); }
.hoverColorGray400:hover{ color: var(--gray400); }
.bgColorGray400{ background-color: var(--gray400); }
.hoverBgColorGray400:hover{ background-color: var(--gray400); }
.borderGray400{ border-color: var(--gray400); }
.hoverBorderGray400:hover{ border-color: var(--gray400); }

/* COLOR Gray300 */
.colorGray300{ color: var(--gray300); }
.hoverColorGray300:hover{ color: var(--gray300); }
.bgColorGray300{ background-color: var(--gray300); }
.hoverBgColorGray300:hover{ background-color: var(--gray300); }
.borderGray300{ border-color: var(--gray300); }
.hoverBorderGray300:hover{ border-color: var(--gray300); }

/* COLOR Gray200 */
.colorGray200{ color: var(--gray200); }
.hoverColorGray200:hover{ color: var(--gray200); }
.bgColorGray200{ background-color: var(--gray200); }
.hoverBgColorGray200:hover{ background-color: var(--gray200); }
.borderGray200{ border-color: var(--gray200); }
.hoverBorderGray200:hover{ border-color: var(--gray200); }

/* COLOR Gray100 */
.colorGray100{ color: var(--gray100); }
.hoverColorGray100:hover{ color: var(--gray100); }
.bgColorGray100{ background-color: var(--gray100); }
.hoverBgColorGray100:hover{ background-color: var(--gray100); }
.borderGray100{ border-color: var(--gray100); }
.hoverBorderGray100:hover{ border-color: var(--gray100); }

/* COLOR Gray50 */
.colorGray50{ color: var(--gray50); }
.hoverColorGray50:hover{ color: var(--gray50); }
.bgColorGray50{ background-color: var(--gray50); }
.hoverBgColorGray50:hover{ background-color: var(--gray50); }
.borderGray50{ border-color: var(--gray50); }
.hoverBorderGray50:hover{ border-color: var(--gray50); }

/* COLOR PureWhite */
.colorPureWhite{ color: var(--purewhite); }
.hoverColorPureWhite:hover{ color: var(--purewhite); }
.bgColorPureWhite{ background-color: var(--purewhite); }
.hoverBgColorPureWhite:hover{ background-color: var(--purewhite); }
.borderPureWhite{ border-color: var(--purewhite); }
.hoverBorderPureWhite:hover{ border-color: var(--purewhite); }

/* COLOR Red500 */
.colorRed500{ color: var(--red500); }
.hoverColorRed500:hover{ color: var(--red500); }
.bgColorRed500{ background-color: var(--red500); }
.hoverBgColorRed500:hover{ background-color: var(--red500); }
.borderRed500{ border-color: var(--red500); }
.hoverBorderRed500:hover{ border-color: var(--red500); }

/* COLOR Red100 */
.colorRed100{ color: var(--red100); }
.hoverColorRed100:hover{ color: var(--red100); }
.bgColorRed100{ background-color: var(--red100); }
.hoverBgColorRed100:hover{ background-color: var(--red100); }
.borderRed100{ border-color: var(--red100); }
.hoverBorderRed100:hover{ border-color: var(--red100); }

/* COLOR Green100 */
.colorGreen100{ color: var(--green100); }
.hoverColorGreen100:hover{ color: var(--green100); }
.bgColorGreen100{ background-color: var(--green100); }
.hoverBgColorGreen100:hover{ background-color: var(--green100); }
.borderGreen100{ border-color: var(--green100); }
.hoverBorderGreen100:hover{ border-color: var(--green100); }

/* COLOR Green500 */
.colorGreen500{ color: var(--green500); }
.hoverColorGreen500:hover{ color: var(--green500); }
.bgColorGreen500{ background-color: var(--green500); }
.hoverBgColorGreen500:hover{ background-color: var(--green500); }
.borderGreen500{ border-color: var(--green500); }
.hoverBorderGreen500:hover{ border-color: var(--green500); }

/* COLOR Green800 */
.colorGreen800{ color: var(--green800); }
.hoverColorGreen800:hover{ color: var(--green800); }
.bgColorGreen800{ background-color: var(--green800); }
.hoverBgColorGreen800:hover{ background-color: var(--green800); }
.borderGreen800{ border-color: var(--green800); }
.hoverBorderGreen800:hover{ border-color: var(--green800); }

/* COLOR SemanticOrange500 */
.colorSemanticOrange500{ color: var(--semanticorange500); }
.hoverColorSemanticOrange500:hover{ color: var(--semanticorange500); }
.bgColorSemanticOrange500{ background-color: var(--semanticorange500); }
.hoverBgColorSemanticOrange500:hover{ background-color: var(--semanticorange500); }
.borderSemanticOrange500{ border-color: var(--semanticorange500); }
.hoverBorderSemanticOrange500:hover{ border-color: var(--semanticorange500); }

/* RGBA GrayOpacity10 */
.colorGrayOpacity10{ color: var(--grayopacity10); }
.bgColorGrayOpacity10{ background-color: var(--grayopacity10); }
.borderGrayOpacity10{ border-color: var(--grayopacity10); }

/* RGBA GrayOpacity20 */
.colorGrayOpacity20{ color: var(--grayopacity20); }
.bgColorGrayOpacity20{ background-color: var(--grayopacity20); }
.borderGrayOpacity20{ border-color: var(--grayopacity20); }

/* RGBA GrayOpacity50 */
.colorGrayOpacity50{ color: var(--grayopacity50); }
.bgColorGrayOpacity50{ background-color: var(--grayopacity50); }
.borderGrayOpacity50{ border-color: var(--grayopacity50); }

/* RGBA OrangeOpacity10 */
.colorOrangeOpacity10{ color: var(--orangeopacity10); }
.bgColorOrangeOpacity10{ background-color: var(--orangeopacity10); }
.borderOrangeOpacity10{ border-color: var(--orangeopacity10); }

/* RGBA OrangeOpacity20 */
.colorOrangeOpacity20{ color: var(--orangeopacity20); }
.bgColorOrangeOpacity20{ background-color: var(--orangeopacity20); }
.borderOrangeOpacity20{ border-color: var(--orangeopacity20); }

/* RGBA OrangeOpacity50 */
.colorOrangeOpacity50{ color: var(--orangeopacity50); }
.bgColorOrangeOpacity50{ background-color: var(--orangeopacity50); }
.borderOrangeOpacity50{ border-color: var(--orangeopacity50); }

/* RGBA WhiteOpacity10 */
.colorWhiteOpacity10{ color: var(--whiteopacity10); }
.bgColorWhiteOpacity10{ background-color: var(--whiteopacity10); }
.borderWhiteOpacity10{ border-color: var(--whiteopacity10); }

/* RGBA WhiteOpacity20 */
.colorWhiteOpacity20{ color: var(--whiteopacity20); }
.bgColorWhiteOpacity20{ background-color: var(--whiteopacity20); }
.borderWhiteOpacity20{ border-color: var(--whiteopacity20); }

/* RGBA WhiteOpacity50 */
.colorWhiteOpacity50{ color: var(--whiteopacity50); }
.bgColorWhiteOpacity50{ background-color: var(--whiteopacity50); }
.borderWhiteOpacity50{ border-color: var(--whiteopacity50); }