:root {
    --accent-juicy-1: rgb(198, 12, 154);
    --accent-juicy-2: color(srgb 0.9272 0.1113 0.6822);
    --accent-juicy-3: color(srgb 0.9272 0.1113 0.6822);
/*    --color-timeframe-slider-hype: */
/*        linear-gradient(37deg, color(srgb 0.5094 0.1825 0.6737), color(srgb 0.8216 0.4277 0.325));*/
/*        color(srgb 0.865 0.3071 0.3071);*/
/*    --color-timeframe-slider-hype: linear-gradient(color(srgb 0.8564 0.8209 0.3909 / 0) 15.55%, rgba(241, 156, 58, 0) 90.34%, rgba(239, 139, 58, 1) 94.96%, color(srgb 0.9385 0.3968 0.2358 / 0.82));*/
/*    --color-timeframe-slider-hype: linear-gradient(color(srgb 0.8564 0.8209 0.3909 / 0) 15.55%, rgba(241, 156, 58, 0) 93.28%, rgba(239, 139, 58, 1) 94.96%, color(srgb 0.9385 0.3968 0.2358 / 0.82));*/
/*    --color-timeframe-slider-hype: linear-gradient(color(srgb 0.8564 0.8209 0.3909 / 0) 6.72%, rgba(241, 156, 58, 0) 89.5%, rgba(194, 65, 118, 1) 89.92%, rgba(242, 201, 40, 0) 93.7%, color(srgb 0.5691 0.0176 0.9973) 97.9%);*/
    --color-timeframe-slider-hype: color(srgb 0.7044 0.4591 0.2896);
}

/* Base color with different opacities for the first 10 cells in the first column */
#ticker-table tr:nth-child(1) td:first-child,
#ticker-table-live tr:nth-child(1) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 1); /* 100% opacity */
}

#ticker-table tr:nth-child(2) td:first-child,
#ticker-table-live tr:nth-child(2) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.95); /* 95% opacity */
}

#ticker-table tr:nth-child(3) td:first-child,
#ticker-table-live tr:nth-child(3) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.90); /* 90% opacity */
}

#ticker-table tr:nth-child(4) td:first-child,
#ticker-table-live tr:nth-child(4) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.85); /* 85% opacity */
}

#ticker-table tr:nth-child(5) td:first-child,
#ticker-table-live tr:nth-child(5) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.80); /* 80% opacity */
}

#ticker-table tr:nth-child(6) td:first-child,
#ticker-table-live tr:nth-child(6) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.75); /* 75% opacity */
}

#ticker-table tr:nth-child(7) td:first-child,
#ticker-table-live tr:nth-child(7) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.70); /* 70% opacity */
}

#ticker-table tr:nth-child(8) td:first-child,
#ticker-table-live tr:nth-child(8) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.65); /* 65% opacity */
}

#ticker-table tr:nth-child(9) td:first-child,
#ticker-table-live tr:nth-child(9) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.60); /* 60% opacity */
}

#ticker-table tr:nth-child(10) td:first-child,
#ticker-table-live tr:nth-child(10) td:first-child {
    background-color: rgba(var(--accent-juicy-1), 0.55); /* 55% opacity */
}


@media (max-width: 768px) {
    body {
        font-size: 12px; /* Downscale font size for mobile devices */
    }

    .container {
        /* padding: 10px; Adjust padding for mobile devices */
    }

    /* Adjust other elements as needed */
    .header, .footer {
        font-size: 1.2em; /* Adjust header/footer font size */
    }

    .content {
        font-size: 0.9em; /* Adjust content font size */
    }
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size:calc(0.8*native-font-size);
}

:root {
    --box-shadow-unif: 0px 0px 6px 1px rgba(83, 83, 83, 0.33);
    --box-shadow-unif: 0px 0px 3px 1px rgba(83, 83, 83, 0.12);
    /* Flame Palette */
    --flame-color1: rgba(255, 246, 121, 0.26);
    --flame-color2: rgba(255, 199, 138, 0.2);
    --flame-color3: color(srgb 1 0.6798 0.555 / 0.2);
    --flame-gradient-start-color: rgb(233, 255, 0);
    --flame-gradient-end-color: rgb(250, 56, 2);
    --flame-text-color: black;

    /* Hype Palette */
    --hype-color1: rgba(0, 164, 255, 0.12);
    --hype-color2: rgba(0, 255, 245, 0.18);
    --hype-color3: rgba(22, 247, 221, 0.17);
    --hype-gradient-start-color: rgb(255, 0, 214);
    --hype-gradient-end-color: rgb(207, 170, 28);
/*        rgb(0, 255, 219);*/
    --hype-text-color: black;

    /* BW Palette */
    --bw-color1: rgba(0, 0, 0, 0.15);
    --bw-color2: rgba(66, 61, 61, 0.2);
    --bw-color3: rgba(196, 196, 196, 0.2);
    --bw-gradient-start-color: none /* rgb(255, 240, 253);*/
    --bw-gradient-end-color: black;
    --bw-text-color: var(--primary-color-contrast);

    /* Cyan Palette */
    --cyan-color1: #F1C40F;
    --cyan-color2: #3498DB;
    --cyan-color3: #E74C3C;
    --cyan-gradient-start-color: rgba(0, 0, 0, 1);
    --cyan-gradient-end-color: rgba(0, 0, 0, 1);
    --cyan-text-color: black;

    /* Purple Palette */
    --purple-color1: #da49eb;
    --purple-color2: #ed2881;
    --purple-color3: #fcdf00;
    --purple-gradient-start-color: rgb(117, 61, 255);
    --purple-gradient-end-color: rgb(160, 48, 185);
    --purple-text-color: black;

    --font-size-flame: 0.85rem;
    --font-size-flame: 1.7rem;
    --font-size-flame-descr: 1.15rem;
    --max-width-flame: 80vw;
    --glowy-box-shad:
        /* rgb(200, 209, 211) */
        rgba(0, 0, 0, 0.14)
    ;
    --glowy-box-shad-strong:
        rgba(0, 0, 0, 0.59)
        
    ;
    --primary-color-contrast: rgba(255, 255, 255, 0.9);
    --primary-color:rgba(23, 23, 23, 1);
     /* rgba(0, 0, 0, 0.36); */
    /* #black; */
    --primary-color-2: rgb(61, 61, 61);
    --primary-color-2: rgba(20, 20, 20, 0.34);

    --flameo-stroke-color-1: rgb(0, 243, 255);
    --flameo-stroke-color-2: rgb(255, 0, 230);
    --flameo-stroke-color-3: rgb(255, 0, 135);
    --flameo-stroke-color-4: ghostwhite;
    --flameo-stroke-color-5: ghostwhite;
--flameo-stroke-color-2: rgb(255, 205, 0);
/*--flameo-stroke-color-2: rgb(252, 66, 70);*/
--flameo-stroke-color-3: rgb(242, 34, 101);
--flameo-stroke-color-4: color(srgb 0.795 0.1669 0.5212);
--flameo-stroke-color-5: color(srgb 0.6224 0.2345 0.5813);
    --flame-stroke-color-1: black;
/*    --flame-stroke-color-1: rgba(237, 61, 154, 1);*/
    --flame-stroke-color-2: black;

    --flame-stroke-color-3: black;
    --flame-stroke-color-4: black;
    --flame-stroke-color-5: black;


    --accent-juicy:
        var(--primary-color-contrast)
    ;

    --linear-gradient-start-color: goldenrod;
    --linear-gradient-end-color: red;
    --background-color: transparent;
    --text-color: var(--color-text);

    --widget-bkg:
        #292525
    ;
}
body, html {
    height: 100%;
    font-family: IBM Plex Sans, sans-serif;
    font-weight:300;
    /* text-shadow: 1px 1px 7px rgba(255, 255, 255, 1); */
    /* background-image: */
    /* background: radial-gradient(
        ellipse at bottom,
        #00cfff 0%,
        #008cdd 10%,
        #005599 20%,
        #f7931e 21%,
        #f1622a 70%,
        #c83771 80%,
        #663399 90%,
        #1a1a60 100%
    ); */
    /* background-image: url("/Users/t/Downloads/output-onlinepngtools.png"); */
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    
    font-style: antialiased;
    background:black !important;

    -webkit-font-smoothing: auto;
    font-smoothing: auto;
}
body::before {
    content: "";
    position: absolute;
    height:100%;
    width:100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    z-index: -1;
}
/* radial-gradient(rgba(234, 71, 71, 0.72) 27.73%, rgba(234, 146, 41, 0.16) 55.46%, rgba(0, 0, 0, 0.87) 86.97%) */
*::-webkit-scrollbar {
    width: 0; /* Hide the scrollbar */
}
* {
    scrollbar-width: none; /* Hide the scrollbar */
}
#app {
    display: flex;
    flex-direction: column;
    width:100vw;
/*    height: 100%;*/
}

#top-bar {
    /* display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0.5rem;
    padding-right:0.75rem;
    background-color: var(--widget-bkg);
    color:var(--primary-color-contrast);
    box-shadow: 1px 1px 20px 0px var(--glowy-box-shad); */
}
#top-bar {
    max-width: 98vw;
    display: flex;
    justify-content: space-between;
    align-items: center;
/*    padding: 0.5rem;*/
/*    padding-right: 0.75rem;*/
/*    background-image: linear-gradient(241deg, rgb(12, 11, 11), #0a0a0a);*/
    color: #fefafa;
    box-shadow: 1px 1px 20px 0px var(--glowy-box-shad);
    font-size:1rem;
}
#top-bar-2, #top-bar-2-live {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    /* background-color: var(--color-bkg-banner); */
/*    background-image: linear-gradient(to top, black, rgba(225, 25, 25, 0.99) 0%, color(srgb 0.9949 0.148 0.148 / 0.97));*/
    color: var(--primary-color-contrast);
    /* box-shadow: -1rem -7rem 16rem 1rem rgb(200, 209, 211); */
    font-size: 0.75rem;
    font-weight:500;
/*    background-image: linear-gradient(84deg, rgb(145, 5, 254) 20.59%, color(srgb 0.9282 0.0857 0.6772 / 0.97) 86.55%);*/
    /* Bigger Version */
    font-size: 0.85rem;
    padding: -0.5rem;
    padding: 0.5rem;
    font-weight: 700;
/*    background-image: linear-gradient(84deg, rgba(47, 0, 84, 0.84) 20.59%, color(srgb 0.3897 0 0.2737 / 0.73) 86.55%);*/
/*    background-image: linear-gradient(84deg, rgba(118, 4, 217, 1) 20.59%, rgba(216, 45, 85, 0.94) 57.14%, color(srgb 1 0.4787 0) 86.55%);*/
/*    background-image: linear-gradient(84deg, rgba(118, 4, 217, 0.89) 20.59%, rgba(212, 64, 99, 1) 77.31%, color(srgb 1 0.8314 0 / 0.78));*/
    padding-left: 1.5rem;
    padding-right: 0.75rem;

}
#logo {
    padding:1rem;
}
#logo, #menu {
    display: flex;
    align-items: center;
    font-weight: bold;
    cursor: pointer;
}
#icons {
    display: flex;
    align-items: center;
    gap: 10px;
}
#icons div {
    cursor: pointer;
}
#slogan {
    display: block;
    width: 100%;
    align-items: start;
    text-align: center;
    /* margin-bottom: 1rem; */
    color: var(--primary-color-contrast);
}
#slogan-main {
    display: block;
    width: 100%;
    align-items: start;
    font-weight: 666;
    text-align: center;
    padding: 1.266rem;
    /* margin-bottom: 1.998rem; */
    text-shadow: 1px 1px 6px var(--primary-color);
    /* background-image: linear-gradient(rgb(183, 36, 191), rgb(254, 162, 0) 87.82%, rgba(0, 0, 0, 0.986) 89.5%, var(--flame-stroke-color-1)); */
color: var(--primary-color-contrast);
}

#centered-panel-vert{
    display: flex;
    flex-direction: column;
    /* height: 15rem; */
    justify-content: space-evenly;
    align-items: stretch;
    /* background-image: linear-gradient(8deg, rgba(67, 47, 136, 0.98), rgba(49, 55, 56, 0.58)); */
    /* linear-gradient(8deg, rgb(87 72 137 / 51%), rgb(2 134 166 / 58%)); */
    /* linear-gradient(8deg, rgb(15 36 29 / 73%), rgb(2 134 166 / 58%));     */
    /* linear-gradient(8deg, rgb(45, 233, 173), rgb(29, 211, 255)); */
    /* background-image: url("./dddepth-267.jpg"); */
    /* background-image: linear-gradient(8deg, rgba(10, 9, 9, 0.98), rgba(12, 12, 12, 1)); */
    background: var(--color-dark-mid);
    background: linear-gradient(341deg, rgba(118, 4, 217, 0.89) 20.59%, rgba(212, 64, 99, 1) 77.31%, color(srgb 1 0.8314 0 / 0.78));
    background-size: contain;
    background-repeat: no-repeat;
}
#second-panel-vert, #second-panel-vert-live {
    display: flex;
    flex-direction: column;
    height: 100%;
/*    justify-content: space-evenly;*/
    align-items: stretch;
    /* height: 32rem; */
    /* background-image:url("./output-onlinepngtools.png"); */
    /* background-image: url("./dddepth-343.jpg"); */
    /* background-image: repeating-linear-gradient(120deg, var(--primary-color-contrast), color(srgb 0.1703 0.8974 0.7098 / 0.55) 26.05%, rgba(207, 229, 43, 0.16) 62.61%) ; */
        /* repeating-linear-gradient(120deg, var(--primary-color-contrast), color(srgb 0.1698 0.8982 0.7093) 26.05%, rgba(207, 229, 43, 0.16) 62.61%); */
    /* background:black; */
    background: var(--color-dark-mid);

}
#second-panel-vert {
    transition: 6.666s height ease-in-out;
}
#centered-panel {
    display: grid;
    /* display: flex; */
    grid-template-columns: 1fr !important;
    
    justify-content: stretch;
    align-items: center;
    margin-bottom: 0rem;
    margin-bottom: 0rem;
    background: transparent;
    backdrop-filter: blur(40px);
/*    background: var(--socials-grad-1);*/
/*background: ;*/
/*    pointer-events: none;*/
    user-select: none;
    padding: 2rem;
}
#buy-all-cont-live {
    width:100%;
    margin-bottom: 1rem;
    display:flex;
    flex-direction: column;
    align-items: center;
    height: 5.5rem;
}
#buy-all-cont {
    width: 100%;
    margin-bottom: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 5.5rem;
}
.buy-all-trendlist, .understood-processing {
    background: var(--primary-color);
    /* box-shadow: 0px 0px 8px 1px #fb8d01fc; */
    /* flex-direction: row; */
    display: flex;
    align-items: stretch;
    text-align: center;
/*    width: calc(0.2* var(--max-width-flame));*/
    font-size: 0.75rem;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 0.5rem;
    /* margin-bottom: 1rem; */
    /* margin-top: 1.5%; */
    /* margin-bottom: 1.5%; */
    /* padding: 1.2rem; */
    /* margin: 0.5rem !important; */
    /* margin: 2rem; */
    /* margin: 0.5rem; */
    margin: 1.75rem;
    /* margin-bottom: 1rem; */
    padding: 0.5rem;
    /* padding: 1rem; */
    color: var(--primary-color-contrast);
    font-weight: 500;
/*    max-width: calc(3*var(--max-width-flame));*/
    /* color: var(--primary-color-contrast); */
    background-color: rgb(254 0 230);
    /* cursor: pointer; */
    border: 2px solid transparent;
    /* position: relative; */
    /* overflow: hidden; */
    transition: 0.17s scale ease, 0.17s border ease;
    width: 40%;
    width: 35%;
    /* height: 15%; */
    /* scale: 0.9; */
    /* background-color: rgba(0, 0, 0, 0.88); */
    background: var(--primary-color);
    /* box-shadow: 1px 1px 10px rgba(255, 63, 0, 1); */
    box-shadow: var(--box-shadow-unif);
}
#buy-all {
    display: flex;
    align-items: stretch;
    text-align: center;
    font-size: 1rem;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;
    border-radius: 0.5rem;
    margin: -1rem;
    margin-right: -1.5rem;
    padding: 1rem;
    color: var(--primary-color-contrast);
    font-weight: 500;
    /* max-width: calc(3 * var(--max-width-flame)); */
    box-shadow: var(--box-shadow-unif);
    background: var(--primary-color);
    border-color: transparent;
    width: 74.5vw;
    padding: 1rem;
    box-shadow: 0 -0.5rem 2rem -0.1rem rgba(0, 0, 0, 0.45) !important;
}
#buy-all:hover {
    cursor: pointer;
/*    border-bottom-color: var(--primary-color);*/
    border-left-color: rgb(126, 45, 180);
    border-right-color: rgb(189, 67, 124);
    border-width: 0.5rem;
}
@media (min-width: 920px) {
    #centered-panel {
/*        flex-direction: column;*/
        gap: 2rem;
        grid-template-columns: 1fr 1fr !important;
    }
    
    .box {
        margin-bottom: 1rem;
    }

}
.buy-all-trendlist:hover, .understood-processing:hover {
    cursor: pointer;
/*    scale:0.995;*/
    border-bottom-color: var(--primary-color);
    border-left-color: var(--flameo-stroke-color-1);
    border-right-color: var(--flameo-stroke-color-3);
    border-left-color: rgb(126, 45, 180);
    border-right-color: rgb(189, 67, 124);
    border-width: 0.5rem;
    /* border-top-color: var(--flameo-stroke-color-2); */
}
.box {
    overflow: hidden;
    flex: 1;
    margin: 0.075rem 0.09rem;
    text-align: center;
    border-radius: 0.5rem;
    transition: 0.0115s scale ease-in-out;
    scale: 1;
    font-weight: 700;
/*    background-color: rgba(0, 0, 0, 0.66);*/
    background-color: rgba(0, 0, 0, 0.96);
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
    background-color: rgba(33, 33, 33, 1) !important;
    -webkit-backdrop-filter: blur(5rem);
    backdrop-filter: blur(5rem);
    padding-left: 1rem;
    padding-right: 1rem;
}
/* .box {
    flex: 1;
    margin: 0 0.5rem;
    background-color: color(srgb 0.245 0.245 0.245);
    text-align: center;
    border-radius: 50%;
    border: 0.5rem double var(--primary-color);

    border-width: 0.5rem;
    border-style: double;
    border-color: var(--primary-color) !important;
    transition: 0.0115s scale ease-in-out, 1.115s border-style ease-in-out;
    scale: 1;
} */


#top1, #top2, #top3, #top4, #top5, #top6, #top7, #top8, #top9, #top10 {
/*    backdrop-filter: blur(40px);*/
    border-color: transparent;
    border-width: 1px;
/*    width: var(--max-width-flame);*/
    width:100%;
    border-style: solid;
    position: relative;
    z-index: 99999;
    transition: border 0.17s ease, transform 0.17s, opacity 4s, scale 0.17s;
    margin-bottom: 0.75rem;
    margin-bottom: 2rem;
}
#top1:hover, #top2:hover, #top3:hover, #top4:hover, #top5:hover {
    cursor: pointer;
/*    border-color: rgb(226, 25, 118);*/
}


#menu {
    content: "\f0c9";
}
#chart-section {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
    /* margin-top:2rem; */
    /* margin-bottom:2rem; */
    /* gap: 10px; */
    /* margin: 2% 4%; */
    /* padding: 3rem; */
    padding: 1.775rem;
}
#myChart {
    width: 100%;
    height: 50%;
    padding: 2rem;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-image: url("./os.jpg"); */
    background-image: linear-gradient(29deg, color(srgb 0.1231 0.1231 0.1231), color(srgb 0.2256 0.2256 0.2256));
    /* background-position-x: 53%; */
    /* background-position-y: 35%; */
    /* background-blend-mode: color-burn; */
    border-radius: 0.5rem;
    filter: hue-rotate(339deg);
}
.others-row, .others-row-live {
    width: 100%;
    background-color: #f0f0f0;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    font-weight: bold;
    border: 1px solid #ccc;
    position: sticky;
    bottom: 0;
    color:var(--primary-color-contrast);
    background-color:
        rgba(130, 160, 163, 1)
        /* var(--primary-color-2); */
    ;
    background-color: rgba(0, 0, 0, 1)
    /* var(--primary-color-2); */;
    border-radius: 0.75rem;
}

/* FLAMER */
circle {
    animation: flame 0.166s ease-out infinite;
  }
  #ci2 {
    animation-delay: -.2s;
  }
  #ci3 {
    animation-delay: -.2s;
  }
  #ci4 {
    animation-delay: -.666s;
  }

@keyframes flame {
    from {
      r:0.2rem;
      opacity:.42;
    }
    to {
      r:1.8rem;
      color:red;
      opacity:0.2505;
    }
  }

#svg8{
    min-width: 2rem;
}

.unselectable {
    user-select: none;
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none;
    cursor:default;
}

.cupo{
    cursor: pointer;
}

/* SOCIALS LIVE */
.container, .container-live {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: space-evenly;
    justify-content: center;
    /* margin-top: 1rem; */
    /* margin-top: 2rem; */
    /* margin-bottom: 1rem; */
}
/* MOBILE COLUMN VIEW */
.container, .container-live {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* width: 100%; */
    /* position: relative; */
    /* justify-content: space-evenly; */
    justify-content: center;
    /* margin-top: 1rem; */
    /* margin-top: 2rem; */
    /* margin-bottom: 1rem; */
}

.tickers, .social-media, .tickers-live, .social-media-live {
    /*    width: 45%;*/
    /* padding: 10px; */
    padding: 1rem;
    box-sizing: border-box;
    transition: border 0.17s ease;
    /* min-height: 15rem;
    max-height: 15rem; */
    min-height: 25rem;
    max-height: 25rem;
    overflow-y: auto;
    font-size: 0.666rem;
    /* background-color: var(--primary-color-2); */
    /* border-bottom: 2px solid var(--primary-color-contrast); */
    position: relative;
    transition: 0.17s transform;
}
/* .post {
    color: rgba(0, 0, 0, 0.43);
    margin-bottom: 20px;
    padding: 10px;
    box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.99);
    background: rgba(233, 246, 255, 0.36);
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(50px);
    font-size: 0.75rem;
    border-radius: 0.5rem;
    overflow-wrap: break-word;
    overflow-y: auto;
    max-height: 8rem;
    font-weight: 500;
    min-height: 8rem;
    position: relative;
    z-index: 99999;
    transition: transform 2s, opacity 1s;
} */
.post {
    /* color: rgba(0, 0, 0, 0.43); */
    color: rgba(255, 255, 255, 0.27);
    margin-bottom: 20px;
    padding: 1rem;
    line-height: 120%;
    /* box-shadow: 1px 1px 10px rgba(255, 221, 0, 1); */
    /* background-image: linear-gradient(135deg, var(--color-life-color), var(--color-life-color-2)); */
    /* background-image: linear-gradient(360deg, rgba(255, 255, 0, 0.12), rgba(255, 165, 0, 0.67)); */
    /* box-shadow: -3px -3px 8px -1px rgba(240, 137, 6, 0.71); */
    /* background-image: linear-gradient(135deg, var(--color-life-color), var(--color-life-color-2)); */
    /* background-image: linear-gradient(312deg, rgba(255, 255, 0, 0.02), rgba(255, 130, 0, 1)); */
    box-sizing: border-box;
    -webkit-backdrop-filter: blur(50px);
    font-size: 0.75rem;
    border-radius: 0.5rem;
    overflow-wrap: break-word;
    overflow-y: auto;
/*    max-height: 10rem;*/
    font-weight: 300;
    /* min-height: 10rem; */
    position: relative;
    z-index: 99999;
    transition: transform 0.2s, opacity 0.1s;
    transition: transform 1s, opacity 0.1s;
    color: rgba(255, 255, 255, 0.8);
    background: rgba(0, 0, 0, 1);
    background: var(--primary-color);
    box-shadow: var(--box-shadow-unif);
}
.post p {
    color: rgba(185, 185, 185, 0.593) !important;
}
.tickers-live {
    min-height: 26rem !important;
    margin-top: 1.5rem !important;
/*    background: rgba(130, 106, 153, 1) !important;*/
/*    background: linear-gradient(37deg, rgba(115, 57, 108, 0.21), rgba(50, 33, 103, 0.52) 99.16%) !important; */
/*    background: linear-gradient(to top, rgba(118, 3, 217, 0.07) 13.03%, rgba(118, 4, 217, 1) 53.36%, rgba(212, 64, 99, 1) 83.19%, color(srgb 1 0.8314 0 / 0.78));*/
    background-image: 
/*        linear-gradient(231deg, rgba(49, 37, 54, 1), rgba(63, 41, 61, 0.89) 99.16%) !important;*/
        linear-gradient(231deg, rgba(38, 24, 43, 0.73), rgba(93, 44, 93, 0.73) 99.16%) !important;
}
.trendlist-timeframe-value, .chainlist-timeframe-value {
    color: white;
    border-radius: 0.5rem;
    /* padding: 0.75rem; */
    border: 5px solid transparent;
    border: 0.15rem solid color(srgb 0.1762 0.1057 0.1867);
    border: 0.2rem solid transparent;
    /*   dumbo */
    color: white;
    border-radius: 0.5rem;
    /* padding: 0.75rem; */
    /* border: 0.15rem solid color(srgb 0.7044 0.4591 0.2896); */
    background-image: 
/*        linear-gradient(to bottom right, color(srgb 0.1842 0.145 0.2059), transparent)*/
        linear-gradient(to bottom right, color(srgb 0.2088 0.1187 0.2205 / 0.69), rgba(0, 0, 0, 0.19));
}
.tickers, .tickers-live {
    overflow-x: auto;
    border-radius: 0.5rem;
/*    border: 2px transparent solid;*/
/*    border: 0.25rem transparent solid;*/
    margin-top: 2.5rem;
    margin-top: 2.5rem;
    /* background-image: linear-gradient(54deg, rgba(255, 163, 0, 0.68), rgba(228, 18, 91, 0.91) 22.69%, rgba(255, 122, 0, 1) 42.86%, rgba(239, 53, 172, 0.95) 83.19%); */
    /* background-image: linear-gradient(to top, rgba(228, 18, 91, 0) 7.98%, rgba(239, 53, 172, 0.97)); */
    /* box-shadow: 1px 1px 10px 3px rgba(201, 0, 255, 0.83); */
    /* background-image: linear-gradient(to top, rgba(228, 18, 91, 0) 39.5%, rgba(239, 53, 172, 0.87)); */
    /* box-shadow: 0 -5px 16px -3px rgba(201, 0, 255, 0.83); */
    /* box-shadow: 1px 1px 4px 4px rgba(201, 0, 255, 0.83); */
    /* background-image: linear-gradient(to top, rgba(228, 18, 91, 0) 74.37%, rgba(239, 53, 172, 0.28)); */
    /* box-shadow: 0 0 0 2px rgba(254, 0, 230, 1); */
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 1));
    background: var(--primary-color);
    box-shadow: 1px 1px 10px 0px var(--glowy-box-shad);
    box-shadow: var(--box-shadow-unif);
    transition: 2s border ease-in-out;
}
#ticker-table-live td {
    font-weight: 500 !important;
}
#ticker-table, #ticker-table-live {
/*    width: 100%;*/
    width: 70vw;
    border-spacing: 0;
    /* min-height: 92%; */
    /* border-radius: 0rem; */
    display: flex;
    flex-direction: column;
    /* font-weight:700; */
    align-items: center;
    justify-content: space-evenly;
    border-collapse: separate;
    -webkit-border-horizontal-spacing: 2rem;
    font-size: 0.85rem;
    font-size: 0.8rem;
    -webkit-border-horizontal-spacing: 0.5rem;
    text-shadow: 0px 0px 2px rgba(164, 164, 164, 1) !important;
}
#ticker-table tr:hover, #ticker-table-live tr:hover {
/*    transition: 0.17s font-weight ease;*/
/*    font-weight: bold !important;*/
/*    color: rgb(252, 125, 180) !important;*/
    cursor: pointer;
/*    background-color: color(srgb 0.4248 0.1875 0.5 / 0.4) !important;*/
}
#ticker-body {
    background-image: 
        /* linear-gradient(to top, rgba(228, 18, 91, 0) 19.75%, rgba(2, 28, 89, 0.31) 63.87%, rgba(231, 11, 222, 0.27) 79.83%, rgba(24, 24, 24, 1) 86.13%); */
        linear-gradient(to top, rgba(12, 163, 228, 0) 32.77%, rgba(11, 165, 228, 0.1) 80.67%, rgba(231, 11, 222, 0.24));
}
#ticker-body-live{
    background-image:
        /* linear-gradient(to top, rgba(228, 18, 91, 0) 19.75%, rgba(2, 28, 89, 0.24) 63.87%, rgba(231, 11, 222, 0.27) 94.54%, rgba(24, 24, 24, 1) 97.06%); */
        linear-gradient(to top, rgba(12, 163, 228, 0) 32.77%, rgba(11, 165, 228, 0.1) 80.67%, rgba(231, 11, 222, 0.24));
    background-image: /* linear-gradient(to top, rgba(228, 18, 91, 0) 19.75%, rgba(2, 28, 89, 0.24) 63.87%, rgba(231, 11, 222, 0.27) 94.54%, rgba(24, 24, 24, 1) 97.06%); */
        linear-gradient(to top, rgba(39, 28, 56, 0) 32.77%, rgba(51, 32, 61, 0.28) 73.67%, rgba(23, 23, 23, 1));
    background-image: /* linear-gradient(to top, rgba(228, 18, 91, 0) 19.75%, rgba(2, 28, 89, 0.24) 63.87%, rgba(231, 11, 222, 0.27) 94.54%, rgba(24, 24, 24, 1) 97.06%); */
        /*linear-gradient(to top, rgba(39, 28, 56, 0) 32.77%, rgba(51, 32, 61, 0.28) 73.67%, rgba(55, 55, 55, 0.41) 82.35%, rgba(208, 109, 81, 0.81) 94.54%, rgba(228, 206, 75, 0.74) 98.74%);*/
        linear-gradient(to top, rgba(39, 28, 56, 0) 1.68%, rgba(152, 22, 221, 0.63) 55.88%, rgba(177, 60, 163, 0.8) 71.85%, rgba(208, 109, 81, 0.81) 92.44%, rgba(228, 206, 75, 0.74) 98.74%);

    background-size: 100% 20rem; /* Width 100% of element, height 50px */
    background-repeat: no-repeat;
    background-position: top; /* Adjust as necessary */
}
#ticker-table th, #ticker-table td, #ticker-table-live th, #ticker-table-live td {
    /* padding: 10px; */
    /* border-bottom: 1px solid #ccc; */
    z-index: 1;
    /* height: 10px; */
    /* padding: 0.26rem; */
    padding:1rem;
}
#ticker-table-live th, #ticker-table-live td {
    padding: 0.5rem;
}
#ticker-table th, #ticker-table-live th {
    background-color: 
    /* var(--accent-juicy); */
    color(srgb 0.995 0 0.5288 / 0);
    position: sticky;
}
#ticker-table-live td:nth-child(1) {
/*    max-width:3rem;
    max-width: 3.95rem;
    max-width: 5rem;*/
    max-width:26vw;
    word-wrap: anywhere;
}
#ticker-table-live td:nth-child(2) {
    max-width: 3rem;
}
#ticker-table-live td:nth-child(3) {
    max-width: 4.5rem;
}
#ticker-body td:first-child ,#ticker-body-live td:first-child {
    /* border-bottom-left-radius: 0.5rem; */
    font-weight: 900 !important;
    border-top-left-radius: 0.5rem;
    font-weight: 400;
    transition: 0.00s color;
    /* background-color: cyan */
}
#ticker-body tr:nth-child(odd) ,#ticker-body-live tr:nth-child(odd) {
/*    background-color: rgba(20, 20, 20, 0);*/
    color: var(--primary-color-contrast);
    border-radius: 0.5rem;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}
#ticker-body tr:nth-child(even) ,#ticker-body-live tr:nth-child(even) {
    color: rgb(237, 237, 237);
/*    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.21), transparent);*/
/*    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.04), transparent);*/
/*    background-image: linear-gradient(rgba(51, 10, 51, 0.91) 93.7%, transparent);*/
    /* background: color(srgb 0.1686 0.1686 0.1686) !important; */
}
#ticker-body tr:nth-child(even) td:nth-child(2), #ticker-body-live tr:nth-child(even) td:nth-child(2) {
    /* background-color: color(srgb 0.62 0.62 0.62 / 0); */
    border-radius: 40%;
    text-align: center;
    vertical-align: middle;
}
#ticker-body tr:nth-child(odd) td:nth-child(2), #ticker-body-live tr:nth-child(odd) td:nth-child(2) {
    border-radius: 40%;
}
#ticker-body td ,#ticker-body-live td {
    /* padding: 0.4rem; */
    /* margin: 0 5px; Adjust spacing between columns */
}
#ticker-body td:nth-child(2) ,#ticker-body-live td:nth-child(2) {
    text-align: center;
    vertical-align: middle;
}
#ticker-body ,#ticker-body-live {
    padding: 0.5rem;
    /* border: 2px solid color(srgb 0.9979 0 0.9017);*/
/*    padding: 1rem;*/
    font-weight: 900;
    /* border: 2px solid color(srgb 1 0 0.9055 / 0.3); */
    border-radius: 0.5rem;
}

.social-media,.social-media-live {
    background-color: rgba(0, 0, 0, 0);
    border-radius: 0.5rem;
    /* margin-top: 2rem; */
    margin-top: 1.5rem;
    /* 2.5rem; */
    height:25rem;
    /* border-top-right-radius: 0.5rem; */
}
/* repeating-linear-gradient(290deg, red, rgba(255, 122, 0, 0.78) 4.62%, rgba(145, 17, 187, 1) 6.3%, rgba(255, 0, 73, 1) 13.87%, rgba(255, 146, 0, 0.92) 31.09%, rgba(0, 157, 255, 0.92) 32.77%, rgba(0, 156, 255, 0.9215686274509803) 68.91%) */
/* .post {
    background-image: 
        conic-gradient(red, rgba(225, 0, 255, 1) 10.08%, rgba(145, 17, 187, 1) 24.99%, rgba(23, 142, 239, 0.9294117647058824) 25.00%, rgba(0, 157, 255, 0.92) 74.99%, rgba(255, 0, 73, 1) 75%)
    ;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    font-size: 0.75rem;
    border-radius: 0.5rem;
    overflow-wrap: break-word;
    overflow-y: auto;
    max-height: 70px;
    position: relative;
    z-index: 99999;
    transition: transform 1s, opacity 1s;
} */
.post header {
    font-weight: bold;
    margin-bottom: 0.5rem;
    color: var(--primary-color-contrast);
    /* color: rgba(0, 0, 0, 0.53); */
}
.highlight {
    color: rgba(18, 240, 252, 1) !important;
    color: rgba(254, 5, 245, 1) !important;
    font-weight: 700;
}
.time-stamp {
    float: right;
    font-size: 0.8rem;
    font-size: 0.825rem;
    color: var(--flameo-stroke-color-3);
}
/* .time-stamp {
} */

#hoverValue {
    position: absolute;
    top: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.8);
    padding: 0.5rem;
    border: 1px solid #ccc;
    z-index: 10;
}

#b-d-NOTIFS {
    position: relative !important;
    border-radius: 0.5rem;
    padding: 0.5rem;
    /* margin: 0.25rem; */
    /* border: 1px solid var(--primary-color); */
    overflow-y: auto;
    width: 70vw;
    min-height: 20rem;
    background-image: linear-gradient(109deg, rgba(0, 255, 255, 0.82), rgb(0, 255, 166));
}


/* Blinking effect for table cells */
.blink {
    animation: blink-animation 0.5s forwards; /* Shorten the animation duration and ensure it only plays once */
}

@keyframes blink-animation {
    0% { color: rgb(0, 234, 255); font-weight:bold }
    50% { color: rgb(255, 0, 111); font-weight:bold}
    /* 100% { color: var(--primary-color-contrast); } */
}



/* .alt-horiz-box  { flex: 1;
margin: 0 0.5rem;
  margin-top: 0px;
background-color: var(--widget-bkg);
text-align: center;
border-radius: 131px;
border: 4px double var(--primary-color);
  border-top-width: 4px;
  border-top-style: double;
  border-top-color: var(--primary-color);
  border-right-width: 4px;
  border-right-style: double;
  border-right-color: var(--primary-color);
  border-bottom-width: 4px;
  border-bottom-style: double;
  border-bottom-color: var(--primary-color);
  border-left-width: 4px;
  border-left-style: double;
  border-left-color: var(--primary-color);
  border-image-outset: 0;
  border-image-repeat: stretch;
  border-image-slice: 100%;
  border-image-source: none;
  border-image-width: 1;
    transition: 0.0115s scale ease-in-out;
    scale: 1;
}

alt-horiz-#centered-panel {
    justify-content: center;
    align-items: center;
} */
.row-flex {
    display: flex;
    align-items: center;
    min-height:3.75rem;
}

.left-container {
    flex: 20%;
    display:flex;
    flex-direction: row;
    align-items: center;
    color:white !important;
    margin-left: 0.5rem;
}
.ticker-code {
    font-size:0.925rem;
    color:white !important;
    padding-left:0.275rem;
/*    padding-left: 0.15rem;*/
}

.right-container {
/*    flex: 60%;*/
    display: grid;
    grid-template-columns: 1fr 1fr; /* Default 2x2 grid */
    padding-left:1rem;
    flex: 80%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    
/*    gap: 0.75rem; */
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.85rem;
    color: var(--primary-color-contrast) !important;
}
/* Media query for broader screens */
@media (min-width: 786 px) {
    .right-container {
        grid-template-columns: 1fr 1fr; /* 1x4 layout on broader screens */
    }
}

.flame-socials-section, .flame-market-section {
    display: contents; /* Allow the child elements to participate in the grid layout */
    border: 1px solid color(srgb 1 1 1 / 0.14);
    border-radius: 0.5rem;
    width: 70%;
    padding: 0.25rem;
}

.right-container div {
    margin: 0px 2px;
    align-items: center;
    display: flex;
    flex-direction: row;
}

:root {
    --color-dark-mid: color(srgb 0.1294 0.1294 0.1294);
    --color-bkg-banner: var(--primary-color);
    /* #8f1717; */
    --color-life-color:yellow;
    --color-life-color-2:orange;
    --color-burn-color-3:rgb(221, 63, 89);
    --socials-grad-1: linear-gradient(84deg, rgba(118, 4, 217, 0.89) 20.59%, rgba(212, 64, 99, 1) 77.31%, color(srgb 1 0.8314 0 / 0.78));
    --socials-grad-2: linear-gradient(118deg, color(srgb 1 0.8314 0 / 0.78) 8.4%, rgba(255, 120, 0, 0.89) 22.69%, rgba(203, 70, 101, 1) 40.76%, rgba(92, 3, 120, 0.94) 93.7%);
    --socials-grad-3: 
        /*linear-gradient(118deg, color(srgb 1 0.8314 0 / 0.66) 8.4%, rgba(255, 120, 0, 0.89) 66%, rgba(203, 70, 101, 1) 40.76%, rgba(92, 3, 120, 0.94) 93.7%);*/
        linear-gradient(269deg, color(srgb 0.7846 0.2575 0.4424 / 0.79), color(srgb 0.5099 0.1868 0.6872 / 0.76));
}

::-webkit-scrollbar {
    /* width: 1rem; */
    width: 0.5rem;
    height: 0rem;
}
/* ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {
    background-color: #563a5506;
    border: .1875rem solid #de00c6;
    border: .1875rem solid #323232;
    border-radius: 1.25rem;
    background-color: rgba(85, 58, 84, 0);
    border: .1875rem solid #de00c6;
    border: .1875rem solid #f60192;
} */
/* ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {
    border: .1875rem solid #de00c6;
    border: .1875rem solid #323232;
    border-radius: 2rem;
    background-image: linear-gradient(to left, rgba(203, 124, 192, 0.77) 34.45%, rgba(144, 38, 102, 0.98) 68.91%, rgba(242, 0, 129, 0.84));
    border: .1875rem solid #de00c6;
    border: .025875rem solid #f60192;
} */
::-webkit-scrollbar-thumb, ::-webkit-scrollbar-thumb {
    /* background-color: #563a5506; */
    /* border: .1875rem solid #de00c6; */
    /* border: .1875rem solid #323232; */
    border-top-right-radius: 0.45rem;
    border-bottom-right-radius: 0.5rem;
    background-image: linear-gradient(to left, rgba(203, 124, 192, 0.77) 34.45%, rgba(144, 38, 102, 0.98) 68.91%, rgba(242, 0, 129, 0.84));
    background-image: linear-gradient(274deg, rgba(247, 91, 6, 1) 2.52%, rgba(255, 106, 130, 1) 21.01%, rgba(0, 231, 255, 1));
    background-image: linear-gradient(to right, rgba(237, 28, 174, 1) 2.52%, rgba(196, 100, 238, 1) 35.29%, rgba(171, 61, 255, 1) 71.85%, rgb(255, 61, 92) 96.22%);
    background-image: linear-gradient(80deg, rgba(149, 38, 124, 0.31), rgba(43, 185, 174, 1) 56.3%);
    background-image: linear-gradient(to top, rgba(51, 116, 122, 0.53), rgba(43, 185, 174, 1) 56.3%);
    background-image: linear-gradient(to top, rgba(127, 37, 124, 0.62), rgba(136, 61, 112, 1) 56.3%);
    background-image: radial-gradient(rgba(255, 255, 255, 0.21), rgba(0, 0, 0, 0));
    /* border: .1875rem solid #de00c6; */
    /* border: .025875rem solid #f60192; */
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-track {
    background: rgba(23, 23, 23, 0.97);
    background: rgba(33, 33, 33, 1);
}
::-webkit-scrollbar-corner, ::-webkit-scrollbar-corner {
    background-color: #281425;
}


/* General styling */
* {
    font-family: Space Grotesk,ui-serif,Georgia,Cambria,Times New Roman,Times,serif;
    /* Arial, sans-serif; */
    margin: 0;
    padding: 0;
  }
  
  /* Header styling */
  .header-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    background-color: #f5f5f5;
    border-bottom: 0px solid #ddd;
  }
  
  .page-title-container, .extra-container, .user-info-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  
  /* Dropdown styling */
  .dropdown-header .selector-container {
    position: relative;
  }
  
  .item-selected {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
  }
  
  .icon-chevron-down {
    margin-left: 4px;
    width: 8px;
    height: 8px;
    fill: currentColor;
  }
  /* Search styling */
    .token-search-container .search-global-container .search-block .search-container {
      display: flex;
      align-items: center;
    }

    .search-pairs {
      padding: 0.5rem;
      padding-left: 0.8rem;
      padding-right: 0.7rem;
      border: 1px solid rgba(204, 204, 204, 0.27);
      border-radius: 0.75rem;
      margin-right: 0.5rem;
      background: repeating-linear-gradient(29deg, rgba(0, 0, 0, 0.17), rgba(27, 27, 27, 0.46) 17%);
      transition: background 0.5s ease, border-color 0.5s ease;
    }

    .search-pairs:focus {
      background: var(--socials-grad-3);
      color: #ccc;
      border-color: #000; /* Change to desired focus border color */
      outline: none; /* Remove default outline */
    }

    .search-pairs::placeholder {
      color: #ccc; /* Change placeholder color */
      transition: color 0.5s ease;
    }

    .search-pairs:focus::placeholder {
      color: transparent; /* Make placeholder disappear on focus */
    }

    input.search-pairs {
      font-family: "Space Grotesk";
      font-weight: 700;
      font-size: 1rem;
      text-align: center;
    }

  .icon-magnifying-glass {
    width: 8px;
    height: 8px;
    fill: currentColor;
    width: 0.75rem;
    height: 0.75rem;
  }
  
  /* User actions styling */
  .user-info-container .user-actions .icon-button {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: 10px;
  }
  
  .icon-gear, .icon-button .icon-gear {
    width: 16px;
    height: 16px;
    fill: currentColor;
  }
  
  .connect-wallet span {
    margin-left: 5px;
  }


.blur {
    filter: blur(1px);
}
.highlight {
    filter: none;
}

.transition {
    transition-duration: .15s;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

#slider-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#timeframe-slider {
    width:80%;
}




/* Slider container styling */
#slider-container {
    width: 80%;
  }
  
  /* Slider track and thumb styling */
  .slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    /* height: 8px; Height of the slider track */
    background: #ddd; /* Grey background */
    outline: none;
    /* opacity: 0.7; */
    /* transition: opacity 0.15s ease-in-out; */
    /* border-radius: 5px; Rounded corners */
  }
  
  /* Slider thumb (handle) styling */
  .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    /* width: 20px; Width of the slider thumb */
    /* height: 20px; Height of the slider thumb */
    /* background: #f78503; Green thumb color */
    border-radius: 50%; /* Rounded shape */
    cursor: pointer;
  }
  
  .slider::-moz-range-thumb {
    /* width: 20px; Width of the slider thumb for Firefox */
    /* height: 20px; Height of the slider thumb for Firefox */
    /* background: #f78503;  */
    border: none;
    border-radius: 50%; /* Rounded shape */
    cursor: pointer;
  }
  
  /* Slider thumb hover effect */
  .slider:hover {
    opacity: 1;
  }
  
  .trendlist-timeframe-value, .chainlist-timeframe-value {
    /* display: flex; */
    /* flex-direction: column; */
    padding: 0.775rem;
    /* border-radius: 3rem; */
    transition: 0.17s background-color ease;
    padding-bottom: 0.525rem;
    /* border-radius: 0.5rem; */
    /* pointer-events: none; */
    user-select: none;
    cursor: pointer;
    /* text-align: center; */
    /* align-items: center; */
  }
  .trendlist-timeframe-value:hover, .chainlist-timeframe-value {
    background-color:rgba(var(--color-dark-mid), 0.5);
    background-color: color(srgb 0.97 0.7033 0.1843);
  }

  .social-media-live {
    margin-left: 1rem !important;
    padding-left:0rem !important;
    background: linear-gradient(to top right, rgba(96, 0, 127, 0.8) 19.75%, rgba(255, 90, 0, 0.8));
    background: linear-gradient(to top, rgba(255, 255, 255, 0.02), rgba(255, 0, 195, 0.35) 51.68%, rgba(233, 51, 57, 0.49) 77.73%, rgba(255, 90, 0, 0.62));
    background: linear-gradient(to top, rgba(83, 248, 185, 0.8), rgba(0, 214, 255, 0.72) 14.71%, rgba(239, 38, 205, 0.55) 60.5%, rgba(255, 90, 0, 0.89) 86.97%, rgba(255, 139, 1, 0.92) 99.16%);
    background: linear-gradient(to top, rgba(34, 103, 127, 0.63), rgba(80, 39, 107, 1) 99.16%);
    background: linear-gradient(to top, rgba(115, 148, 160, 0.23), rgba(123, 96, 140, 0.35) 99.16%);
    /* BLACK SUBTL */
    background: linear-gradient(37deg, rgba(115, 57, 108, 0.38), rgba(50, 33, 103, 0.2) 99.16%);
    /* VIBRANT PURP */
/*    background: linear-gradient(37deg, rgba(115, 57, 108, 1), rgba(50, 33, 103, 0.73) 99.16%);*/
    padding-left: 1rem !important;
    padding-bottom: 1rem !important;
    min-height: 26rem !important;
    max-width: 77vw;
  }
  *{
    text-shadow: 0px 0px 4px rgba(240, 240, 240, 0.26);
  }
  .social-media-live .post {
    background: rgba(208, 208, 208, 0.19) !important;
    background: rgba(15, 15, 15, 0.44) !important;
    -webkit-backdrop-filter: blur(20px) !important;backdrop-filter: blur(20px) !important;
/*    text-shadow: 1px 1px 6px var(--primary-color);*/
    text-shadow: 1px 0px 1px rgba(23, 23, 23, 0.64);
  }
  .social-media-live .post:hover {
    background: rgba(208, 208, 208, 0.265) !important;
    background: rgba(15, 15, 15, 0.66) !important;
    cursor: pointer;
  }
  .social-media-live .post header  {
    color:lightgray !important;
  }
  .social-media-live .post p  {
    color:white !important;
    font-weight:500 !important;
  }
  .social-media-live::-webkit-scrollbar {
    width: 1rem !important; /* Safari and Chrome */
  }
  .post::-webkit-scrollbar {
    width: 0 !important;
  }
  .tickers::-webkit-scrollbar {width:0}
  .tickers-live::-webkit-scrollbar {width:0 !important}


  .chain-trend-bar {
    background-image:linear-gradient(0deg,var(--primary-color),var(--primary-color)) !important;
  }

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background-image: linear-gradient(118deg, rgba(255, 165, 0, 0.66), rgba(128, 0, 128, 0.56)); */
    /* background-image: linear-gradient(118deg, rgba(255, 165, 0, 0.07), rgba(60, 107, 156, 0.64) 0%, rgba(47, 126, 126, 0.82) 100%, rgba(128, 0, 128, 0.01)); */
    background-image: linear-gradient(75deg, rgba(21, 45, 61, 1) 15.97%, rgba(21, 25, 63, 1) 69.75%, rgba(5, 34, 44, 0.98));
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    z-index: 10000000000000000000000000;
    max-width: 90%;
    overflow-y: auto;
    max-height: 80%;
    -webkit-backdrop-filter: blur(10rem);
    backdrop-filter: blur(10rem);
    color: rgb(255, 255, 255);
    line-height: 1.25rem;
    font-weight: 400;
    padding: 1rem;
    border-radius: 0.5rem;
    /* border: 0.1rem solid rgba(245, 245, 245, 0.95); */
}

.pair-brick {
    margin-bottom: 1rem;
    padding: 1rem;
    line-height: 1rem;
    background-image: linear-gradient(to bottom right, rgba(221, 221, 221, 0.07) 68.07%, color(srgb 0.8205 0.7995 0.7995 / 0.07) 74.79%);
    /*-webkit-backdrop-filter: blur(10rem);
    border-radius: 0.5rem;
    border: 2px transparent solid;*/
}
:root {
  --color-growth-positive: green;
  --color-growth-negative: red;
  --color-liqui: blue;
  --color-growth-positive: color(srgb 0.1254 0.865 0.6006);
    --color-growth-negative: color(srgb 0.995 0 0.5288 / 0.51);
    --color-liqui: color(srgb 0.0708 0.9528 1);
      --color-mentions: orange;   /* Example color for mentions */
  --color-views: color(srgb 0.7982 0 1);    /* Example color for views */
}

.close-button {
    /* margin-bottom: 10px; */
    position: absolute;
    right: -0.5rem;
    top: 0;
    /* border-radius: 50%; */
    height: 6vw;
    font-weight: 900;
    width: 15vw;
    border: 0.1rem solid;
    border-color: white;
    background: color(srgb 0.1067 0.2403 0.395);
    backdrop-filter: blur(5rem);
    -webkit-backdrop-filter: blur(5rem);
    cursor: pointer;
    color: white;
    border-bottom-left-radius: 70%;
}


.popup h2 {
    width:75vw;
    padding:2rem;
    font-size:2rem;
    line-height:2rem;
}
.popup p {
    padding:2rem;
    font-size:1rem;
    width:75vw;
    margin-bottom: -2rem;
}
.popup .pair-brick p {
    padding: initial;      /* or specify desired padding */
    font-size: initial;    /* or specify desired font size */
    width: initial;        /* or specify desired width */
    margin-bottom: initial; /* or specify desired margin-bottom */
    line-height: 1.15rem;
}
.popup ul {
    padding:2rem;
    width:75vw;
}
.popup .button-cta {
    font-size: 1rem;
    align-items: center;
    position: relative;
    left: 7%;
    padding: 1rem;
    background: linear-gradient(to top left, rgba(31, 31, 86, 0.87), color(srgb 0.109 0.251 0.3795 / 0.92));
    color: white;
    border-radius: 1rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.07);
    cursor: pointer;
}