:root {
    /*font sizes*/
    --font-size-12px: 0.9230769231rem;
    --font-size-13px: 1rem;
    --font-size-14px: 1.076923076923077rem;
    --font-size-15px: 1.153846153846154rem;
    --font-size-16px: 1.230769230769231rem;
    --font-size-17px: 1.307692307692308rem;
    --font-size-18px: 1.384615384615385rem;
    --font-size-19px: 1.461538461538462rem;
    --font-size-20px: 1.538461538461538rem;
    --font-size-21px: 1.615384615384615rem;
    --font-size-26px: 2rem;
    /*icons, logo*/
    --icon-1: 0.5rem;
    --icon-2: 1rem;
    --icon-3: 1.55rem;
    /*button*/
    --button-font-1: 1.1rem;
    --tng-btn-margin: 0.5rem;
    --tng-btn-min-width: 10rem;
    --tng-btn-icon-only-marg-t-b: 0.125rem; /*margin top and bottom*/
    --tng-btn-icon-only-marg-l-r: 0.5rem; /*margin left and right*/
    /*padding*/
    --min-padding: 0.3rem; /*min padding for container: left, top, right. Bottom doesn't need a padding*/
    --field-padding: 0.25rem;
    /*margin*/
    --margin-1: 1rem;
    --margin-2: 2rem;
    --twf-input-margin: 0.2rem;
    --margin-top-bottom: var(--margin-1);
    --margin-left-right: var(--margin-2);
    --margin-field-top-bottom-inline: 0.05rem;
    --margin-field-left-right: calc(var(--margin-left-right) - var(--twf-input-margin));
    --margin-group-top-bottom: calc(var(--margin-1) + var(--field-padding));
    --margin-group-left-right: calc(var(--margin-2) + var(--field-padding));
    /*width*/
    --min-width: 8rem;
    --min-field-width: 2rem;
    --min-field-width-8: 5.5rem;
}