.crypto-table {
    margin: 20px 0;
}

.time-item {
    border: solid 2px orange;
    padding: 0.5rem;
    margin: 0px;
    color: #ff8a00;
}

.is-active-time-item {
    background-color: #ff8a00;
    color:black;
}

.currency-item-active {
    border: solid 1px orange;
    box-shadow: 0 0 8px orange;
}

.crypto-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid #444;
}

    .crypto-row img {
        height: 32px;
        width: 32px;
        margin-right: 10px;
    }

    .crypto-row img:hover {
        cursor:pointer;
    }

canvas {
    margin-top: 20px;
    max-height: 200px;
}

.chart-container {
    width: 100%;
    margin: 0 auto;
    overflow-y: hidden;
}

.time-controls, .currency-controls {
    text-align: center;
    margin: 20px 0;
}

    .time-controls span, .currency-controls span {
        cursor: pointer;
        margin: 0 0px;
    }

.larger-arrow {
    font-size: 4rem; /* Розмір у два рази більший */
}

.custom-opacity {
    opacity: 0.75; /* Прозорість 75% */
}