:root {
    --primary-background-color:             #1E2024;
    --primary-background-color-transparent: #1E20244D;
    --overlay-shadow-color-1:               #0000001A;
    --overlay-shadow-color-2:               #E5E5E5;
    --overlay-shadow-color-3:               #000000;
    --overlay-shadow-background:            #FFFFFF33;
    --dialog-overlay-color:                 #18181880;
    --modal-background:                     #020112;
    --text-primary-color:                   #FFFFFF;
    --text-secondary-color-1:               #FFFFFFCC;
    --text-secondary-color-2:               #161416;
    --text-secondary-color-transparent:     #FFFFFF26;
    --text-secondary-color-shadow:          #FFFFFF99;
    --divider-color:                        #FFFFFF5C;
    --dark-accent-color:                    #151115;
    --accent-background-color:              #009EE2;
    --Style:                                var(#FFE6D8 100%, #C8E5FF 100%);
    --border-background-gradient:           linear-gradient(#98CFFF 32%, #FFAC6E 32%, #FFFFFF 20%);
    --background-gradient:                  linear-gradient(180deg, rgba(21, 17, 21, 0.00) 0%, rgba(21, 17, 21, 0.86) 36%, #151115 62.36%);

    --button-background-gradient:           var(--Style, linear-gradient(91deg, #FFE6D8 0.35%, #C8E5FF 100%));;
    --accent-gradient-1:                    linear-gradient(126.55deg, #FFE8DB, #C8E5FF);
    --accent-gradient-2:                    linear-gradient(127.23deg, #FFE6D8 0.726%, #C8E5FF 100%);
    --accent-gradient-3:                    linear-gradient(172.36deg, #A9E8FF -6.502%, #EDF9FF 51.182%, #B8FFDC 108.866%);

    --zindex--dropdown:                     1000;
    --zindex--sticky:                       1020;
    --zindex--fixed:                        1030;
    --zindex--modal-backdrop:               1040;
    --zindex--modal:                        1050;
    --zindex--popover:                      1060;
    --zindex--tooltip:                      1070;
}

* {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
}

body {
    margin: 0;
    background-color: var(--dark-accent-color);
}

ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

a {
    text-decoration: none;
    cursor: pointer;
}

button {
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
}

input {
    border: 0;
    background-color: transparent;
    outline: none;
}