body {
    margin: 0;
    line-height: normal;
}

:root {
    /* fonts */
    --story-small-body-regular: Rasa;
    --icons-tabbar-22pt: "SF Pro Text";
    --wdui-small-large-title: "SF Pro";
    --story-small-h2-regular: Rasa;
    --wdui-default-normalx-subheadlineregular: "SF Pro";

    /* font sizes */
    --story-small-body-regular-size: 21px;
    --icons-tabbar-22pt-size: 22px;
    --wdui-small-large-title-size: 28px;
    --story-default-body-regular-size: 23px;
    --wdui-default-normalx-largetitle-size: 32px;
    --story-small-h2-regular-size: 27px;
    --story-default-h2-regular-size: 32px;
    --wdui-default-normalx-subheadlineregular-size: 15px;
    --wdui-default-normalx-footnoteregular-size: 13px;
    --wdui-default-normalx-bodyregular-size: 17px;
    --story-small-h2-bold-size: 27px;
    --story-default-h2-bold-size: 32px;


    /* Colors */
    --color-white: #fff;
    --color-black: #000;
    --color-skyblue: #00c3e3;
    --color-steelblue-100: #105475;
    --color-steelblue-200: rgba(16, 84, 117, 0.1);

    /* Gaps */
    --gap-13xl: 32px;
    --gap-9xs: 4px;
    --gap-12xs: 1px;
    --gap-5xs: 8px;
    --gap-5xl: 24px;
    --gap-13xl: 32px;
    --gap-9xs: 4px;
    --gap-11xs: 2px;
    --gap-21xl: 40px;
    --gap-base: 16px;

    /* Paddings */
    --padding-13xl: 32px;
    --padding-4xs: 9px;
    --padding-10xs: 3px;
    --padding-7xs: 6px;
    --padding-xs: 12px;
    --padding-base: 16px;
    --padding-21xl: 40px;
    --padding-xl: 20px;
    --padding-5xl: 24px;
    --padding-29xl: 48px;

    /* border radiuses */
    --br-xl: 20px;
    --br-xs: 12px;
    --br-lg: 18px;
}