/* TANGORA CSS */
.ts-panel { display:flex; }
.ts-panel > * { flex:var(--ts-panelbox-flex, 1 1 auto); margin:var(--ts-panelbox-margin, 0px); padding:var(--ts-panelbox-padding, 0px); border-top:var(--ts-panelbox-bordertop, none); border-right:var(--ts-panelbox-borderright, none); border-bottom:var(--ts-panelbox-borderbottom, none); border-left:var(--ts-panelbox-borderleft, none) }
/* RESOURCE #6 BEGIN */
:root
{
    --table-cellpadding: .5rem;
    --clr-table-background: transparent;
    --clr-table-header-background: #000000;
    --clr-table-border: #000000;
    --clr-table-border-inverted: #ffffff;
    --clr-table-text: #000000;
    --clr-table-text-inverted: #ffffff;
    --clr-table-text-warning: #E3692B;
    --clr-table-text-success: #2DAA55;
    --clr-table-text-error: #9E1414;
    --clr-table-row: #ffffff;
    --clr-table-row-even: #fafafa;
    --clr-table-row-hover: #efefef;
    --clr-table-text-empty: var(--clr-table-text-error);
}

.ts__table_wrapper
{
    overflow-x: auto;
    background: linear-gradient(to right, #ffffff 30%, rgba(255, 255, 255, 0)),linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 70%) 0 100%,radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-size: 40px 100%,40px 100%,14px 100%,14px 100%;
    background-position: 0 0,100%,0 0,100%;
    background-attachment: local,local,scroll,scroll;
}

table.ts__table
{
    background-color: unset;
    width: auto;
    min-width: 100%;
}

thead.ts__thead
{
    background-color: var(--clr-table-header-background);
}

thead.ts__head tr.ts__table_row th,
tbody.ts__tbody tr.ts__table_row td,
tfoot.ts__tfoot tr.ts__table_row td
{
    padding: var(--table-cellpadding);
    text-align: left;
    vertical-align: top;
    /*white-space: nowrap;*/
    font-size: var(--font-size-paragraph);
}

.ts__table_row th:not(:last-child)
{
    border-right-color: var(--clr-table-border-inverted);
    border-right-width: 1px;
    border-right-style: solid;
}

.ts__table_row td:not(:last-child)
{
    border-right-color: var(--clr-table-border);
    border-right-width: 1px;
    border-right-style: solid;
}

tfoot tr.ts__table_row td
{
    border-top-color: var(--clr-table-border);
    border-top-width: 1px;
    border-top-style: solid;
}

tfoot tr.ts__table_row td:not(:last-child):not(:empty)
{
    border-right-color: var(--clr-table-border);
    border-right-width: 1px;
    border-right-style: solid;
}

tbody .ts__table_row td:empty:before,
tbody .ts__table_row td div:not(.btn):empty:before
{
    /*Empty table cells should display something*/
    color: var(--clr-table-text-empty);
    content: '';
}

thead.ts__head .ts__table_row th
{
    color: var(--clr-table-text-inverted);
    font-weight: 700;
}

.ts__tbody .ts__table_row
{
    background-color: var(--clr-table-row);
}

.ts__tbody .ts__table_row:nth-child(2n)
{
    background-color: var(--clr-table-row-even);
}

.ts__tbody .ts__table_row:HOVER
{
    background-color: var(--clr-table-row-hover);
}
/* RESOURCE #6 END */
/* RESOURCE #7 BEGIN */
/***** https://www.youtube.com/watch?v=5uhIiI9Ld5M *****/
/*@import url('https://fonts.googleapis.com/css2?family=Cantata+One&family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap');*/

:root
{
    /***** FONTS *****/
    --font-regular: RalewayRegular;
    --font-italic: RalewayItalic;
    --font-medium: RalewayMedium;
    --font-medium-italic: RalewayMediumItalic;
    --font-bold: RalewayBold;
    --font-bold-italic: RalewayBoldItalic;
    /***** FONT SIZES *****/
    /***** https://utopia.fyi/type/calculator?c=320,16,1.25,1140,18,1.25,5,2,&s=0.75|0.5|0.25,1.5|2|3|4|6,s-l&g=s,l,xl,12 *****/
        
    --step--2: clamp(0.64rem, 0.6088rem + 0.1561vi, 0.72rem);
    --step--1: clamp(0.8rem, 0.761rem + 0.1951vi, 0.9rem);
    --font-size-paragraph: clamp(1rem, 0.9512rem + 0.2439vi, 1.125rem);
    --font-size-h5: clamp(1.25rem, 1.189rem + 0.3049vi, 1.4063rem);
    --font-size-h4: clamp(1.5625rem, 1.4863rem + 0.3811vi, 1.7578rem);
    --font-size-h3: clamp(1.9531rem, 1.8579rem + 0.4764vi, 2.1973rem);
    --font-size-h2: clamp(2.4414rem, 2.3223rem + 0.5955vi, 2.7466rem);
    --font-size-h1: clamp(3.0518rem, 2.9029rem + 0.7443vi, 3.4332rem);
}

h1,
h2,
h3,
h4,
h5
{
    line-height: 1.3;
    /*margin: unset;*/
    padding: unset;
    margin-block-end: var(--step--1);
}

h1
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h1);
    margin-block-end: var(--step--1)
}

h2
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h2);
}

h3
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h3);
}

h4
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h4);
}

h5
{
    font-family: var(--font-medium);
    font-weight: 400;
    font-size: var(--font-size-h5);
}

p,
p.section,
ul,
ol,
li,
th,
td
{
    font-family: var(--font-regular);
    font-weight: 400;
    font-size: var(--font-size-paragraph);
    line-height: var(--font-size-h4);
}

ul,
ol
{
    list-style-position: outside;
    margin-inline-start: var(--list-indent, 2rem)
}

#mergefield_main > * + *,
:where(ul, ol) > * + *
{
    margin-top: var(--flow-space, 1em);
}

i,
em
{
    font-weight: 400;
    font-family: var(--font-italic);
}

b,
strong
{
    font-weight: 400;
    font-family: var(--font-medium);
}

i b,
em b,
i strong,
em strong,
b i,
b em,
strong i,
strong em
{
    font-weight: 400;
    font-family: var(--font-medium-italic);
}

/* RESOURCE #7 END */
/* RESOURCE #5 BEGIN */
:root
{
    --color-bg1: #3FA299;
    --color-bg2: #3F8378;
    --color1: 18, 113, 255;
    --color2: 221, 74, 255;
    --color3: 100, 220, 255;
    --color4: 200, 50, 50;
    --color5: 180, 180, 50;
    --circle-size: 80%;
    --blending: hard-light;
}

@keyframes moveInCircle
{
    0%
    {
        transform: rotate(0deg);
    }

    50%
    {
        transform: rotate(180deg);
    }

    100%
    {
        transform: rotate(360deg);
    }
}

@keyframes moveVertical
{
    0%
    {
        transform: translateY(-50%);
    }

    50%
    {
        transform: translateY(50%);
    }

    100%
    {
        transform: translateY(-50%);
    }
}

@keyframes moveHorizontal
{
    0%
    {
        transform: translateX(-50%) translateY(-10%);
    }

    50%
    {
        transform: translateX(50%) translateY(10%);
    }

    100%
    {
        transform: translateX(-50%) translateY(-10%);
    }
}

.gradient-bg
{
    width: 100vw;
    min-height: 40vh;
    position: relative;
    overflow: hidden;
    background: linear-gradient(40deg, var(--color-bg1), var(--color-bg2));
    top: 0;
    left: 0;
}

.gradients-container
{
    filter: blur(40px);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
}

.g1
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color1), 0.8) 0, rgba(var(--color1), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: center center;
    animation: moveVertical 30s ease infinite;
    opacity: 1;
}

.g2
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color2), 0.8) 0, rgba(var(--color2), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 400px);
    animation: moveInCircle 20s reverse infinite;
    opacity: 1;
}

.g3
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color3), 0.8) 0, rgba(var(--color3), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2 + 200px);
    left: calc(50% - var(--circle-size) / 2 - 500px);
    transform-origin: calc(50% + 400px);
    animation: moveInCircle 40s linear infinite;
    opacity: 1;
}

.g4
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color4), 0.8) 0, rgba(var(--color4), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: var(--circle-size);
    height: var(--circle-size);
    top: calc(50% - var(--circle-size) / 2);
    left: calc(50% - var(--circle-size) / 2);
    transform-origin: calc(50% - 200px);
    animation: moveHorizontal 40s ease infinite;
    opacity: 0.7;
}

.g5
{
    position: absolute;
    background: radial-gradient(circle at center, rgba(var(--color5), 0.8) 0, rgba(var(--color5), 0) 50%) no-repeat;
    mix-blend-mode: var(--blending);
    width: calc(var(--circle-size) * 2);
    height: calc(var(--circle-size) * 2);
    top: calc(50% - var(--circle-size));
    left: calc(50% - var(--circle-size));
    transform-origin: calc(50% - 800px) calc(50% + 200px);
    animation: moveInCircle 20s ease infinite;
    opacity: 1;
}
/* RESOURCE #5 END */