/* ------------------------------ */
/* ------------------------------ */
/* TABLE */
.Table {
   display: flex;
   flex-direction: column;
   width: 100%;
   height: auto;
   overflow: visible;
   box-shadow: 0px 0px calc(5px * var(--scale)) calc(1px * var(--scale)) var(--border-color);
   border-radius: calc(25px * var(--scale));
}

.Table .header{
   display: flex;
   flex-direction: column;
   gap: calc(10px * var(--scale));
   width: 100%;
   min-height: calc(60px * var(--scale));
   padding: calc(30px * var(--scale));
   overflow: auto;
   background-color: var(--background-secondary);
   border: calc(1px * var(--scale)) solid var(--border-color);
   border-radius: calc(25px * var(--scale)) calc(25px * var(--scale)) 0px 0px;
   color: var(--text-primary);
   font-size: calc(var(--font-x-small) * var(--scale));
   font-weight: var(--font-bold);
   line-height: 1;
}

.Table .rows{
   display: flex;
   flex-direction: column;
   gap: calc(10px * var(--scale));
   width: 100%;
   min-height: calc(60px * var(--scale));
   padding: calc(30px * var(--scale));
   overflow: auto;
   background-color: var(--background-primary);
   border: calc(1px * var(--scale)) solid var(--border-color);
   border-top: none;
   color: var(--text-primary);
   font-size: calc(var(--font-x-small) * var(--scale));
   font-weight: var(--font-regular);
   line-height: 1;
}

.Table .rows:last-child {
   border-radius: 0px 0px calc(25px * var(--scale)) calc(25px * var(--scale));
}

.Table .row {
   display: grid;
   gap: calc(20px * var(--scale));
   width: 100%;
   min-height: calc(20px * var(--scale));
   padding: 0px;
   overflow: auto;
   text-align: right;
}

.Table .row div:nth-child(1){
   text-align: left;
}

.Table .row.three {
   grid-template-columns: 2fr 1fr 1fr;
}

.Table .row.two {
   grid-template-columns: 1fr 2fr;
}