:root {
    --const-stoplight-info: #0079c1;
    --const-stoplight-success: #0e8a00;
    --const-stoplight-warning: #C35500;
    --const-stoplight-alert: #c30000;
    --const-focus-color: #33b4ff;
    --const-global-focus: 0 0 0 2px var(--const-focus-color);
    --const-double-focus-ring: 0 0 0 2px var(--t-base), 0 0 0 4px var(--const-focus-color);
    --app-white: #ffffff;
    --app-black: #000000;
    --app-font-size: 14px;
    --app-font-size-small: 12px;
    --app-line-height: 1.428571429em;
    --app-scale-0x: 0px;
    --app-scale-1x: 5px;
    --app-scale-2x: 10px;
    --app-scale-3x: 15px;
    --app-scale-4x: 20px;
    --app-scale-5x: 25px;
    --app-scale-6x: 30px;
    --app-scale-7x: 35px;
    --app-scale-8x: 40px;
    --app-scale-9x: 45px;
    --app-scale-10x: 50px;
    --app-scale-11x: 55px;
    --app-scale-12x: 60px;
    --app-shadow-1: 0 2px 4px rgba(0, 0, 0, 0.3);
    --app-shadow-2: 0 3px 6px rgba(0, 0, 0, 0.3);
    --app-shadow-3: 0 4px 12px rgba(0, 0, 0, 0.3);
    --app-border-radius-1: 3px;
    --app-border-radius-2: 6px;
    --app-border-radius-3: 12px;
    --app-tween-1: 0.2s ease;
    --app-tween-2: 0.4s ease;
    --app-tween-3: 0.8s ease;
    --app-duration-1: 0.2s;
    --app-duration-2: 0.4s;
    --app-duration-3: 0.8s;
    --app-disabled-opacity: 0.4;
    --t-base: #ffffff;
    --t-text: #4d4d4d;
    --t-textA: rgba(77, 77, 77, 0.77);
    --t-a11y-gray-color-AAA: #6c6c6c;
    --t-a11y-gray-color-AA: #949494;
    --t-a11y-active-gray-color-AA: #404040;
    --t-primary-text: #ffffff;
    --t-secondary-text: #141414;
    --t-tertiary-text: #141414;
    --t-gray-1: #0d0d0d;
    --t-gray-2: #1a1a1a;
    --t-gray-3: #262626;
    --t-gray-4: #333333;
    --t-gray-5: #404040;
    --t-gray-6: #4d4d4d;
    --t-gray-7: #666666;
    --t-gray-8: #808080;
    --t-gray-9: #999999;
    --t-gray-10: #b3b3b3;
    --t-gray-11: #cccccc;
    --t-gray-12: #d9d9d9;
    --t-gray-13: #e6e6e6;
    --t-gray-14: #f2f2f2;
    --t-base-a0: rgba(255, 255, 255, 0);
    --t-base-a1: rgba(255, 255, 255, 0.25);
    --t-base-a2: rgba(255, 255, 255, 0.5);
    --t-base-a3: rgba(255, 255, 255, 0.75);
    --t-top-a0: rgba(13, 13, 13, 0);
    --t-top-a1: rgba(13, 13, 13, 0.35);
    --t-top-a2: rgba(13, 13, 13, 0.6);
    --t-top-a3: rgba(13, 13, 13, 0.85);
    --t-primary: #0079c1;
    --t-primary-l1: #008de1;
    --t-primary-d1: #006dae;
    --t-primary-l2: #01a0ff;
    --t-primary-d2: #00619a;
    --t-primary-l3: #21acff;
    --t-primary-d3: #005587;
    --t-primary-l4: #41b8ff;
    --t-primary-d4: #004974;
    --t-primary-l5: #61c4ff;
    --t-primary-d5: #003d61;
    --t-secondary: #b3c2cc;
    --t-secondary-l1: #bac9d1;
    --t-secondary-d1: #9cb0bd;
    --t-secondary-l2: #c2cfd6;
    --t-secondary-d2: #859ead;
    --t-secondary-l3: #c9d5db;
    --t-secondary-d3: #6e8c9e;
    --t-secondary-l4: #d1dbe0;
    --t-secondary-d4: #5c798a;
    --t-secondary-l5: #d9e1e6;
    --t-secondary-d5: #4d6473;
    --t-tertiary: #e8f5fc;
    --t-tertiary-l1: #ebf6fc;
    --t-tertiary-d1: #bee1f6;
    --t-tertiary-l2: #edf7fd;
    --t-tertiary-d2: #93cef1;
    --t-tertiary-l3: #eff8fd;
    --t-tertiary-d3: #68baeb;
    --t-tertiary-l4: #f1f9fd;
    --t-tertiary-d4: #3da7e6;
    --t-tertiary-l5: #f4fafe;
    --t-tertiary-d5: #1c91d6;
    --t-accent-1-l1: #e77474;
    --t-accent-1: #e05252;
    --t-accent-1-d1: #b62020;
    --t-accent-2-l1: #e7ad74;
    --t-accent-2: #e09952;
    --t-accent-2-d1: #b66b20;
    --t-accent-3-l1: #e7e774;
    --t-accent-3: #e0e052;
    --t-accent-3-d1: #b6b620;
    --t-accent-4-l1: #ade774;
    --t-accent-4: #99e052;
    --t-accent-4-d1: #6bb620;
    --t-accent-5-l1: #74e774;
    --t-accent-5: #52e052;
    --t-accent-5-d1: #20b620;
    --t-accent-6-l1: #74e7ad;
    --t-accent-6: #52e099;
    --t-accent-6-d1: #20b66b;
    --t-accent-7-l1: #74e7e7;
    --t-accent-7: #52e0e0;
    --t-accent-7-d1: #20b6b6;
    --t-accent-8-l1: #74ade7;
    --t-accent-8: #5299e0;
    --t-accent-8-d1: #206bb6;
    --t-accent-9-l1: #7474e7;
    --t-accent-9: #5252e0;
    --t-accent-9-d1: #2020b6;
    --t-accent-10-l1: #ad74e7;
    --t-accent-10: #9952e0;
    --t-accent-10-d1: #6b20b6;
    --t-accent-11-l1: #e774e7;
    --t-accent-11: #e052e0;
    --t-accent-11-d1: #b620b6;
    --t-accent-12-l1: #e774ad;
    --t-accent-12: #e05299;
    --t-accent-12-d1: #b6206b
}

:root {
    --t-tween-time-in-1: 150ms;
    --t-tween-time-out-1: 100ms;
    --t-tween-time-in-2: 200ms;
    --t-tween-time-out-2: 150ms;
    --t-tween-time-in-3: 250ms;
    --t-tween-time-out-3: 200ms;
    --t-tween-time-in-4: 300ms;
    --t-tween-time-out-4: 250ms;
    --t-tween-time-in-5: 400ms;
    --t-tween-time-out-5: 350ms;
    --t-tween-time-in-6: 500ms;
    --t-tween-time-out-6: 450ms;
    --t-tween-time-in-xxs: var(--t-tween-time-in-1);
    --t-tween-time-out-xxs: var(--t-tween-time-out-1);
    --t-tween-time-in-xs: var(--t-tween-time-in-2);
    --t-tween-time-out-xs: var(--t-tween-time-out-2);
    --t-tween-time-in-s: var(--t-tween-time-in-3);
    --t-tween-time-out-s: var(--t-tween-time-out-3);
    --t-tween-time-in-m: var(--t-tween-time-in-4);
    --t-tween-time-out-m: var(--t-tween-time-out-4);
    --t-tween-time-in-l: var(--t-tween-time-in-5);
    --t-tween-time-out-l: var(--t-tween-time-out-5);
    --t-tween-time-in-xl: var(--t-tween-time-in-6);
    --t-tween-time-out-xl: var(--t-tween-time-out-6);
    --t-tween-ease-inout: cubic-bezier(0.4, 0, 0.2, 1);
    --t-tween-ease-in: cubic-bezier(0, 0, 0.2, 1);
    --t-tween-ease-out: cubic-bezier(0.4, 0, 1, 1);
    --anim-slideinbottom-xxs: slideInBottom var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideinbottom-xs: slideInBottom var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;
    --anim-slideinbottom-s: slideInBottom var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;
    --anim-slideinbottom-m: slideInBottom var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;
    --anim-slideinbottom-l: slideInBottom var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;
    --anim-slideinbottom-xl: slideInBottom var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;
    --anim-slideintop-xxs: slideInTop var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideintop-xs: slideInTop var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;
    --anim-slideintop-s: slideInTop var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;
    --anim-slideintop-m: slideInTop var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;
    --anim-slideintop-l: slideInTop var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;
    --anim-slideintop-xl: slideInTop var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;
    --anim-slideinleft-xxs: slideInLeft var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideinleft-xs: slideInLeft var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;
    --anim-slideinleft-s: slideInLeft var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;
    --anim-slideinleft-m: slideInLeft var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;
    --anim-slideinleft-l: slideInLeft var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;
    --anim-slideinleft-xl: slideInLeft var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;
    --anim-slideinright-xxs: slideInRight var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideinright-xs: slideInRight var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;
    --anim-slideinright-s: slideInRight var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;
    --anim-slideinright-m: slideInRight var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;
    --anim-slideinright-l: slideInRight var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;
    --anim-slideinright-xl: slideInRight var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;
    --anim-fadeinup-xxs: fadeInUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;
    --anim-fadeinup-xs: fadeInUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;
    --anim-fadeinup-s: fadeInUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;
    --anim-fadeinup-m: fadeInUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;
    --anim-fadeinup-l: fadeInUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;
    --anim-fadeinup-xl: fadeInUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;
    --anim-fadein-xxs: fadeIn var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;
    --anim-fadein-xs: fadeIn var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;
    --anim-fadein-s: fadeIn var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;
    --anim-fadein-m: fadeIn var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;
    --anim-fadein-l: fadeIn var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;
    --anim-fadein-xl: fadeIn var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;
    --anim-scaleup-xxs: scaleUp var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;
    --anim-scaleup-xs: scaleUp var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;
    --anim-scaleup-s: scaleUp var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;
    --anim-scaleup-m: scaleUp var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;
    --anim-scaleup-l: scaleUp var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;
    --anim-scaleup-xl: scaleUp var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;
    --anim-slideintopfadein-xxs: slideInTopFadeIn var(--t-tween-time-in-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideintopfadein-xs: slideInTopFadeIn var(--t-tween-time-in-xs) var(--t-tween-ease-in) forwards;
    --anim-slideintopfadein-s: slideInTopFadeIn var(--t-tween-time-in-s) var(--t-tween-ease-in) forwards;
    --anim-slideintopfadein-m: slideInTopFadeIn var(--t-tween-time-in-m) var(--t-tween-ease-in) forwards;
    --anim-slideintopfadein-l: slideInTopFadeIn var(--t-tween-time-in-l) var(--t-tween-ease-in) forwards;
    --anim-slideintopfadein-xl: slideInTopFadeIn var(--t-tween-time-in-xl) var(--t-tween-ease-in) forwards;
    --anim-slideoutbottom-xxs: slideOutBottom var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideoutbottom-xs: slideOutBottom var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;
    --anim-slideoutbottom-s: slideOutBottom var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;
    --anim-slideoutbottom-m: slideOutBottom var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;
    --anim-slideoutbottom-l: slideOutBottom var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;
    --anim-slideoutbottom-xl: slideOutBottom var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;
    --anim-slideouttop-xxs: slideOutTop var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideouttop-xs: slideOutTop var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;
    --anim-slideouttop-s: slideOutTop var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;
    --anim-slideouttop-m: slideOutTop var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;
    --anim-slideouttop-l: slideOutTop var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;
    --anim-slideouttop-xl: slideOutTop var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;
    --anim-slideoutleft-xxs: slideOutLeft var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideoutleft-xs: slideOutLeft var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;
    --anim-slideoutleft-s: slideOutLeft var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;
    --anim-slideoutleft-m: slideOutLeft var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;
    --anim-slideoutleft-l: slideOutLeft var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;
    --anim-slideoutleft-xl: slideOutLeft var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;
    --anim-slideoutright-xxs: slideOutRight var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideoutright-xs: slideOutRight var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;
    --anim-slideoutright-s: slideOutRight var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;
    --anim-slideoutright-m: slideOutRight var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;
    --anim-slideoutright-l: slideOutRight var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;
    --anim-slideoutright-xl: slideOutRight var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;
    --anim-fadeoutdown-xxs: fadeOutDown var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;
    --anim-fadeoutdown-xs: fadeOutDown var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;
    --anim-fadeoutdown-s: fadeOutDown var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;
    --anim-fadeoutdown-m: fadeOutDown var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;
    --anim-fadeoutdown-l: fadeOutDown var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;
    --anim-fadeoutdown-xl: fadeOutDown var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;
    --anim-fadeout-xxs: fadeOut var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;
    --anim-fadeout-xs: fadeOut var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;
    --anim-fadeout-s: fadeOut var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;
    --anim-fadeout-m: fadeOut var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;
    --anim-fadeout-l: fadeOut var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;
    --anim-fadeout-xl: fadeOut var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;
    --anim-scaledown-xxs: scaleDown var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;
    --anim-scaledown-xs: scaleDown var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;
    --anim-scaledown-s: scaleDown var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;
    --anim-scaledown-m: scaleDown var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;
    --anim-scaledown-l: scaleDown var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;
    --anim-scaledown-xl: scaleDown var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards;
    --anim-slideouttopfadeout-xxs: slideOutTopFadeOut var(--t-tween-time-out-xxs) var(--t-tween-ease-in) forwards;
    --anim-slideouttopfadeout-xs: slideOutTopFadeOut var(--t-tween-time-out-xs) var(--t-tween-ease-in) forwards;
    --anim-slideouttopfadeout-s: slideOutTopFadeOut var(--t-tween-time-out-s) var(--t-tween-ease-in) forwards;
    --anim-slideouttopfadeout-m: slideOutTopFadeOut var(--t-tween-time-out-m) var(--t-tween-ease-in) forwards;
    --anim-slideouttopfadeout-l: slideOutTopFadeOut var(--t-tween-time-out-l) var(--t-tween-ease-in) forwards;
    --anim-slideouttopfadeout-xl: slideOutTopFadeOut var(--t-tween-time-out-xl) var(--t-tween-ease-in) forwards
}

@keyframes slideInTopFadeIn {
    from {
        transform: translateY(-100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideOutTopFadeOut {
    from {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes slideInBottom {
    from {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideOutBottom {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(100%)
    }
}

@keyframes slideInTop {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes slideOutTop {
    from {
        transform: translateY(0)
    }

    to {
        transform: translateY(-100%)
    }
}

@keyframes slideInLeft {
    from {
        transform: translateX(-100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideOutLeft {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
}

@keyframes slideInRight {
    from {
        transform: translateX(100%)
    }

    to {
        transform: translateX(0)
    }
}

@keyframes slideOutRight {
    from {
        transform: translateX(0)
    }

    to {
        transform: translateX(100%)
    }
}

@keyframes fadeInUp {
    from {
        transform: scale(0);
        opacity: 0;
        transform: translateY(20%)
    }

    to {
        transform: scale(1);
        opacity: 1;
        transform: translateY(0%)
    }
}

@keyframes fadeOutDown {
    from {
        transform: scale(1);
        opacity: 1;
        transform: translateY(0%)
    }

    to {
        transform: scale(0);
        opacity: 0;
        transform: translateY(20%)
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes scaleUp {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

@keyframes scaleDown {
    from {
        transform: scale(1)
    }

    to {
        transform: scale(0)
    }
}