/* Trend Haber v0.11.87 - Yeni Piyasa Çubuğu */
.th-marketbar-v1{
    --th-marketbar-red:#e30613;
    --th-marketbar-text:#111827;
    --th-marketbar-muted:#64748b;
    --th-marketbar-border:#e7eaf0;
    display:flex;
    align-items:stretch;
    width:100%;
    min-width:0;
    height:42px;
    margin:10px 0 8px;
    overflow:hidden;
    background:#fff;
    border:1px solid rgba(15,23,42,.10);
    box-sizing:border-box;
    position:relative;
    z-index:4;
    font-family:inherit;
}

.th-marketbar-v1__label{
    flex:0 0 auto;
    display:flex;
    align-items:center;
    gap:8px;
    height:100%;
    padding:0 15px;
    background:var(--th-marketbar-red);
    color:#fff;
    white-space:nowrap;
    position:relative;
    z-index:2;
}

.th-marketbar-v1__pulse{
    width:7px;
    height:7px;
    flex:0 0 7px;
    border-radius:999px;
    background:#fff;
    box-shadow:0 0 0 4px rgba(255,255,255,.18);
}

.th-marketbar-v1__label strong{
    color:#fff;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
}

.th-marketbar-v1__viewport{
    flex:1 1 auto;
    min-width:0;
    height:100%;
    overflow:hidden;
    background:#fff;
}

.th-marketbar-v1__track{
    display:flex;
    align-items:stretch;
    width:max-content;
    min-width:max-content;
    height:100%;
    white-space:nowrap;
    will-change:transform;
    animation:thMarketBarV1Flow 42s linear infinite;
}

.th-marketbar-v1__set{
    display:flex;
    align-items:stretch;
    flex:0 0 auto;
    width:max-content;
    min-width:max-content;
    height:100%;
}

.th-marketbar-v1__item{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
    min-width:205px;
    height:100%;
    padding:0 18px;
    border-right:1px solid var(--th-marketbar-border);
    box-sizing:border-box;
    color:var(--th-marketbar-text);
    background:#fff;
}

.th-marketbar-v1__icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:22px;
    color:#475467;
    font-size:11px;
    line-height:1;
    font-weight:900;
    letter-spacing:.02em;
}

.th-marketbar-v1__item[data-market-key="gold"] .th-marketbar-v1__icon{
    color:#eab308;
    font-size:19px;
}

.th-marketbar-v1__item[data-market-key="bitcoin"] .th-marketbar-v1__icon{
    color:#f59e0b;
    font-size:17px;
}

.th-marketbar-v1__name{
    color:#0f172a;
    font-size:13px;
    line-height:1;
    font-weight:900;
}

.th-marketbar-v1__value{
    margin-left:auto;
    color:#111827;
    font-size:13px;
    line-height:1;
    font-weight:800;
    font-variant-numeric:tabular-nums;
}

.th-marketbar-v1__change{
    min-width:54px;
    color:var(--th-marketbar-muted);
    font-size:12px;
    line-height:1;
    font-weight:800;
    font-style:normal;
    text-align:right;
    font-variant-numeric:tabular-nums;
}

.th-marketbar-v1__item.is-up .th-marketbar-v1__change{color:#059669;}
.th-marketbar-v1__item.is-down .th-marketbar-v1__change{color:#e30613;}
.th-marketbar-v1__item.is-flat .th-marketbar-v1__change{color:var(--th-marketbar-muted);}

@keyframes thMarketBarV1Flow{
    0%{transform:translate3d(0,0,0);}
    100%{transform:translate3d(-50%,0,0);}
}

@media(max-width:760px){
    .th-marketbar-v1{
        height:36px;
        margin:8px 0 7px;
    }

    .th-marketbar-v1__label{
        padding:0 10px;
        gap:6px;
    }

    .th-marketbar-v1__pulse{
        width:6px;
        height:6px;
        flex-basis:6px;
        box-shadow:0 0 0 3px rgba(255,255,255,.16);
    }

    .th-marketbar-v1__label strong{
        font-size:10px;
        letter-spacing:.05em;
    }

    .th-marketbar-v1__track{
        animation-duration:34s;
    }

    .th-marketbar-v1__item{
        min-width:180px;
        padding:0 13px;
        gap:6px;
    }

    .th-marketbar-v1__name,
    .th-marketbar-v1__value{
        font-size:12px;
    }

    .th-marketbar-v1__change{
        min-width:46px;
        font-size:11px;
    }
}
