: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);
} .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .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); } .colorGrayOpacity10{ color: var(--grayopacity10); }
.bgColorGrayOpacity10{ background-color: var(--grayopacity10); }
.borderGrayOpacity10{ border-color: var(--grayopacity10); } .colorGrayOpacity20{ color: var(--grayopacity20); }
.bgColorGrayOpacity20{ background-color: var(--grayopacity20); }
.borderGrayOpacity20{ border-color: var(--grayopacity20); } .colorGrayOpacity50{ color: var(--grayopacity50); }
.bgColorGrayOpacity50{ background-color: var(--grayopacity50); }
.borderGrayOpacity50{ border-color: var(--grayopacity50); } .colorOrangeOpacity10{ color: var(--orangeopacity10); }
.bgColorOrangeOpacity10{ background-color: var(--orangeopacity10); }
.borderOrangeOpacity10{ border-color: var(--orangeopacity10); } .colorOrangeOpacity20{ color: var(--orangeopacity20); }
.bgColorOrangeOpacity20{ background-color: var(--orangeopacity20); }
.borderOrangeOpacity20{ border-color: var(--orangeopacity20); } .colorOrangeOpacity50{ color: var(--orangeopacity50); }
.bgColorOrangeOpacity50{ background-color: var(--orangeopacity50); }
.borderOrangeOpacity50{ border-color: var(--orangeopacity50); } .colorWhiteOpacity10{ color: var(--whiteopacity10); }
.bgColorWhiteOpacity10{ background-color: var(--whiteopacity10); }
.borderWhiteOpacity10{ border-color: var(--whiteopacity10); } .colorWhiteOpacity20{ color: var(--whiteopacity20); }
.bgColorWhiteOpacity20{ background-color: var(--whiteopacity20); }
.borderWhiteOpacity20{ border-color: var(--whiteopacity20); } .colorWhiteOpacity50{ color: var(--whiteopacity50); }
.bgColorWhiteOpacity50{ background-color: var(--whiteopacity50); }
.borderWhiteOpacity50{ border-color: var(--whiteopacity50); }