:root {
  /*Typography*/
  --BaseFont:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Droid Sans","Helvetica Neue",sans-serif;
  --Small:0.9375rem;
  --SmallLine:1.1875rem;
  --Base:1.0625rem;
  --BaseLine:1.4375rem;
  --Large:1.1875rem;
  --LargeLine:1.5625rem;
  --Headline:1.4375rem;
  --HeadlineLine:1.8125rem;
  --Subtitle:1.5625rem;
  --SubtitleLine:1.9375rem;
  --Title:1.6875rem;
  --TitleLine:2.0625rem;
  --HeroTitle:var(--Subtitle);
  --HeroTitleLine:var(--SubtitleLine);
  --Regular:400;
  --Medium:500;
  --SemiBold:600;
  --Bold:700;
  /*Layout*/
  --Sheet:34rem;
  --InsetBlock:1rem;
  --OffsetInBlock:1rem;
  --WidthBlock:53.75rem;
  --WidthWideBlock:72rem;
  --WidthNarrowBlock:30rem;
  /*Gaps*/
  --GapXXS:0.125rem;
  --GapXS:0.25rem;
  --GapS:0.5rem;
  --GapM:0.75rem;
  --GapL:1rem;
  --GapXL:1.5rem;
  --GapXXL:2rem;
  /*Insets*/
  --InsetXXS:0.125rem;
  --InsetXS:0.25rem;
  --InsetS:0.5rem;
  --InsetM:0.75rem;
  --InsetL:1rem;
  --InsetXL:1.5rem;
  --InsetXXL:3rem;
  /*Offsets*/
  --OffsetXS:0.25rem;
  --OffsetS:0.5rem;
  --OffsetM:0.75rem;
  --OffsetL:1rem;
  --OffsetXL:1.5rem;
  --OffsetXXL:2rem;
  --OffsetAuto:auto;
  /*Components*/
  --ControlXXS:1.5rem;
  --ControlXS:2rem;
  --ControlS:2.25rem;
  --ControlM:2.75rem;
  --ControlL:3.25rem;
  --ControlXL:4rem;
  /*Icons*/
  --IconXXS:1rem;
  --IconXS:1.125rem;
  --IconS:1.25rem;
  --IconM:1.5rem;
  --IconL:2.25rem;
  --IconXL:2.5rem;
  /*Strokes*/
  --Stroke:0.0625rem;
  --StrokeM:0.125rem;
  --StrokeL:0.25rem;
  --StrokeMax:0.5rem;
  /*Radiuses*/
  --RadiusXXS:0.375rem;
  --RadiusXS:0.5rem;
  --RadiusS:0.625rem;
  --RadiusM:0.75rem;
  --RadiusL:1rem;
  --RadiusXL:1.25rem;
  --RadiusXXL:1.5rem;
  --RadiusMax:9999rem;
  /*Text Colors*/
  --TextPrimary:rgba(34,32,31,1);
  --TextSecondary:rgba(104,102,101,1);
  --TextTertiary:rgba(150,148,148,1);
  --TextOnBackground:rgba(255,255,255,1);
  --TextLink:rgba(255,59,47,1);
  --TextLinkHover:rgba(199,11,0,1);
  --TextOrangeSecondary:rgba(153,89,0,1);
  --TextYellowSecondary:rgba(153,122,0,1);
  --TextGreen:rgba(53,199,89,1);
  --TextGreenSecondary:rgba(31,117,52,1);
  --TextGreenDeepSecondary:rgba(2,100,95,1);
  --TextTealSecondary:rgba(28,102,115,1);
  --TextLightBlueSecondary:rgba(19,115,159,1);
  --TextBlueSecondary:rgba(41,40,159,1);
  --TextPurpleSecondary:rgba(41,40,159,1);
  --TextPinkSecondary:rgba(125,33,171,1);
  --TextRed:rgba(255,44,85,1);
  --TextRedHover:rgba(219,0,43,1);
  --TextRedSecondary:rgba(199,0,39,1);
  /*Backgrounds Colors*/
  --BackgroundCanvas:rgba(242,241,240,1);
  --BackgroundSurface:rgba(255,255,255,1);
  --BackgroundOnDark:rgba(255,255,255,1);
  --BackgroundPrimary:rgba(243,241,241,1);
  --BackgroundSecondary:rgba(228,226,226,1);
  --BackgroundTertiary:rgba(208,206,205,1);
  --BackgroundWhite:rgba(255,255,255,1);
  --BackgroundDark:rgba(34,32,31,1);
  --BackgroundOrangeDeep:rgba(255,59,47,1);
  --BackgroundOrangeDeepHover:rgba(199,11,0,1);
  --BackgroundOrange:rgba(255,149,0,1);
  --BackgroundYellow:rgba(255,204,2,1);
  --BackgroundYellowHover:rgba(229,183,0,1);
  --BackgroundGreen:rgba(53,199,89,1);
  --BackgroundGreenHover:rgba(42,157,70,1);
  --BackgroundGreenDeep:rgba(4,199,190,1);
  --BackgroundTeal:rgba(48,176,199,1);
  --BackgroundLightBlue:rgba(49,173,230,1);
  --BackgroundBlue:rgba(0,122,255,1);
  --BackgroundPurple:rgba(88,86,213,1);
  --BackgroundPink:rgba(175,82,222,1);
  --BackgroundRed:rgba(255,44,85,1);
  --BackgroundRedHover:rgba(219,0,43,1);
  --BackgroundBrown:rgba(162,132,94,1);
  --BackgroundOrangeDeepSecondary:rgba(250,212,210,1);
  --BackgroundOrangeSecondary:rgba(249,229,200,1);
  --BackgroundYellowSecondary:rgba(249,239,200,1);
  --BackgroundGreenSecondary:rgba(210,239,217,1);
  --BackgroundGreenDeepSecondary:rgba(218,243,243,1);
  --BackgroundTealSecondary:rgba(211,232,236,1);
  --BackgroundLightBlueSecondary:rgba(200,223,249,1);
  --BackgroundBlueSecondary:rgba(220,219,240,1);
  --BackgroundPurpleSecondary:rgba(220,219,240,1);
  --BackgroundPinkSecondary:rgba(234,218,242,1);
  --BackgroundRedSecondary:rgba(250,212,210,1);
  --BackgroundOrangeDeepTertiary:rgba(255,224,222,1);
  --BackgroundOrangeTertiary:rgba(255,238,214,1);
  --BackgroundYellowTertiary:rgba(255,247,215,1);
  --BackgroundGreenTertiary:rgba(223,246,228,1);
  --BackgroundGreenDeepTertiary:rgba(215,246,245,1);
  --BackgroundTealTertiary:rgba(222,242,246,1);
  --BackgroundLightBlueTertiary:rgba(222,242,251,1);
  --BackgroundBlueTertiary:rgba(214,234,255,1);
  --BackgroundPurpleTertiary:rgba(228,228,248,1);
  --BackgroundPinkTertiary:rgba(234,218,242,1);
  --BackgroundRedTertiary:rgba(255,224,222,1);
  --BackgroundOverlay:rgba(0,0,0,0.32);
  /*Icons Colors*/
  --IconPrimary:rgba(34,32,31,1);
  --IconSecondary:rgba(104,102,101,1);
  --IconTertiary:rgba(150,148,148,1);
  --IconOnBackground:rgba(255,255,255,1);
  --IconOrangeDeep:rgba(255,59,47,1);
  --IconOrange:rgba(255,149,0,1);
  --IconYellow:rgba(255,204,2,1);
  --IconGreen:rgba(53,199,89,1);
  --IconGreenSecondary:rgba(31,117,52,1);
  --IconGreenDeep:rgba(4,199,190,1);
  --IconTeal:rgba(48,176,199,1);
  --IconLightBlue:rgba(49,173,230,1);
  --IconBlue:rgba(0,122,255,1);
  --IconPurple:rgba(88,86,213,1);
  --IconPink:rgba(175,82,222,1);
  --IconRed:rgba(255,44,85,1);
  --IconBrown:rgba(162,132,94,1);
  /*Strokes Colors*/
  --StrokePrimary:rgba(243,241,241,1);
  --StrokeSecondary:rgba(220,218,218,1);
  --StrokeOnDark:rgba(255,255,255,1);
  --StrokeAccent:rgba(255,59,47,1);
  --StrokeRed:rgba(255,44,85,1);
  /*Styles*/
  --ShadowDefault:0 0.5rem 1.5rem 0 rgba(0,0,0,0.12);
  --ShadowHover:0 0.5rem 1.5rem 0 rgba(0,0,0,0.16);
  /*Sheet*/
  --SheetDur:.22s;
  --SheetEase:cubic-bezier(.2,.9,.2,1)
}