.ExtraLargeLabel, .ExtraSmallLabel, .LargeLabel, .MediumLabel, .MediumLargeLabel, .RegularLabel, .SemiLargeLabel, .SemiMediumLabel, .SemiRegularLabel, .SmallLabel, .Tinylabel {
    font-family: var(--int-font);
    color: var(--color-natural)
}

:root {
    --extralarge: 40px;
    --semilarge: 34px;
    --large: 30px;
    --mediumlarge: 26px;
    --semimedium: 24px;
    --medium: 20px;
    --regular: 18px;
    --semiregular: 16px;
    --small: 14px;
    --extrasmall: 12px;
    --tiny: 10px
}

.ExtraLargeLabel {
    font-size: var(--extralarge)
}

.SemiLargeLabel {
    font-size: var(--semilarge)
}

.LargeLabel {
    font-size: var(--large)
}

.MediumLargeLabel {
    font-size: var(--mediumlarge)
}

.SemiMediumLabel {
    font-size: var(--semimedium)
}

.MediumLabel {
    font-size: var(--medium)
}

.RegularLabel {
    font-size: var(--regular)
}

.SemiRegularLabel {
    font-size: var(--semiregular)
}

.SmallLabel {
    font-size: var(--small)
}

.ExtraSmallLabel {
    font-size: var(--extrasmall)
}

.Tinylabel {
    font-size: var(--tiny)
}

.Normalweight {
    font-weight: 500
}

.Semiweight {
    font-weight: 600
}

.Boldweight {
    font-weight: 700
}

.PrimaryColor {
    background-color: #1c1c1c
}

.MainColor {
    background-color: #d62e2e
}

.SecondaryColor {
    background-color: #232323
}

.NoBackground {
    background-color: transparent
}

.NaturalBackground, .NaturalColor {
    color: #fff
}

.MainColortext {
    color: #e43636
}

.bordercolor {
    background-color: #8d8d8d
}

.roundborder {
    border: 1px solid var(--color-border)
}
