* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Inter', sans-serif;
}

:root {
    --color-bg-block: #191921;
    --color-border-popup: rgba(255, 255, 255, 0.15);
    --color-text-primary: #ffffff;
    --color-icon-positive: #1fe654;
    --color-icon-negative: #fb2f2f;
}
body.light {
    --color-bg-block: #fafafa;
    --color-border-popup: rgba(30, 30, 30, 0.15);
    --color-text-primary: #111111;
    --color-icon-positive: #0a9f31;
    --color-icon-negative: #e72b2b;
}

#test-chart {
    z-index: -1;
}

/* right chart start */
.chart-container {
    z-index: -1;
    top: -100% !important;
    border: none !important;
}
.chart-container .chart-header-price-container {
    display: flex;
    align-items: baseline;
    gap: 12px;  
}
.chart-container .chart-header-price-left-side,
.chart-container .chart-header-price-right-side,
.chart-container .chart-header-date-status,
.chart-container .chart-header-date-status {
    width: calc(50% - 6px);
    display: flex;
    align-items: center;
    gap: 4px;
}
.chart-container .chart-header-price-container .chart-header-change.positive-change {
    color: var(--color-icon-positive)
}
.chart-container .chart-header-price-container .chart-header-change.negative-change {
    color: var(--color-icon-negative)
}
.chart-container .chart-content.no-data table {
    display: none;
}


/* right chart end */

#ticker-search-input {
    background: transparent;
    border: none;
    color: #fff;
    width: 240px;
    font-size: 14px;
    font-weight: 400;
    opacity: 0;
}
#ticker-search-input::placeholder {
    color: red;
}

#enter-ar-button {
    position: fixed;
    bottom: 64px;
    right: 32px;
    padding: 8px 16px;
    border-radius: 14px;
    font-weight: 600;
    background: #FFFFFF55;
    color: #333;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 300ms;
    cursor: pointer;
}
#enter-ar-button:hover {
    opacity: 0.5;
}

@media (max-width: 1024px) {
    #enter-ar-button {
        display: none !important;
    }
}

.cc-revoke, div[aria-label="cookieconsent"] {
    display: none;
}