Modal

We will have a new modal style. Provided example is for the column chooser. We will extract all styles to the common modal.

#backdrop
display: flex;
width: 1512px;
height: 932px;
padding: 50px 10px;
justify-content: center;
align-items: flex-start;
gap: 10px;

background: var(--base-dark-translucent, rgba(2, 2, 4, 0.90));
backdrop-filter: blur(5px);

#rainbow-shadow
display: flex;
width: 616.441px;
height: 453.073px;
transform: rotate(-89.916deg);
padding: 2.505px 5.011px;
justify-content: center;
align-items: flex-end;
gap: 1.253px;

position: absolute;
right: 528.93px;
top: 32.075px;

border-radius: 500px;
opacity: 0.4;
background: linear-gradient(90deg, #1CC98C 0.11%, #24CBDE 20.16%, #57A9F7 39.24%, #BD52F9 58.8%, #EBB347 78.36%, #FFF845 97.92%);
filter: blur(62.63572692871094px);

#modal window
display: flex;
min-width: 400px;
flex-direction: column;
align-items: flex-start;

border-radius: var(--Standard-Padding, 20px);
background: var(--base-white, #FFF);

#modal - top
display: flex;
padding: var(--Spacing-MD, 16px);
justify-content: space-between;
align-items: center;
align-self: stretch;

border-bottom: 1px solid var(--gray-200, #CED1D3);

color: var(--base-black, #000);

/* text-lg/normal */
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 28px; /* 155.556% */

#close icon
display: flex;
width: 38px;
height: 38px;
padding: 8px;
justify-content: center;
align-items: center;
gap: 4px;

border-radius: var(--Elements-Button-Roundness, 50px);
border: 1px solid var(--gray-200, #CED1D3);
background: var(--base-white, #FFF);

#modal - foot
display: flex;
padding: var(--Spacing-MD, 16px);
justify-content: center;
align-items: center;
gap: 16px;
align-self: stretch;
border-top: 1px solid var(--gray-200, #CED1D3);

#button
display: flex;
height: 38px;
padding: 8px 24px;
justify-content: center;
align-items: center;
gap: 4px;
border-radius: var(--Elements-Button-Roundness, 50px);
#cancel
border: 1px solid var(--Gray-200, #CED1D3);
background: var(--base-white, #FFF);
#apply
border: 1px solid var(--base-black, #000);
background: var(--base-black, #000);