.price-feed { padding: 12px; color: #243247; background: #fff; }
.price-feed [hidden] { display: none !important; }
.price-feed__heading { display: flex; justify-content: space-between; align-items: center; gap: 10px; margin-bottom: 9px; }
.price-feed__heading h2 { margin: 0; font-size: 16px; font-weight: 700; }
.price-feed button { font: inherit; min-height: 32px; border: 1px solid #dce4ed; border-radius: 6px; background: #fff; color: #46566c; padding: 4px 12px; cursor: pointer; }
.price-feed button:focus-visible, .price-feed a:focus-visible { outline: 2px solid #0e7490; outline-offset: 2px; }
.price-feed button:disabled { opacity: .55; cursor: wait; }
.price-feed__directions { display: flex; gap: 6px; margin-bottom: 5px; }
.price-feed__directions button { min-width: 62px; font-size: 12px; }
.price-feed__directions [aria-pressed="true"] { color: #fff; background: #155e75; border-color: #155e75; font-weight: 700; }
.price-feed__directions [data-price-direction="down"][aria-pressed="true"] { background: #127448; border-color: #127448; }
.price-feed__directions [data-price-direction="up"][aria-pressed="true"] { background: #b43732; border-color: #b43732; }
.price-feed__ticker-bar { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 8px 0 6px; color: #718096; font-size: 11px; }
.price-feed__ticker-bar button { font-size: 11px; min-height: 30px; padding: 3px 8px; border-color: transparent; color: #155e75; background: #eff6f8; }
.price-feed__list { max-height: 360px; max-height: min(360px, 55vh); overflow-y: auto; scrollbar-width: thin; scrollbar-color: #b9ccd4 #f5f8fa; border: 1px solid #e5edf0; border-radius: 9px; -webkit-overflow-scrolling: touch; scroll-behavior: auto; }
.price-feed__list:empty { border: 0; }
.price-feed__list:focus-visible { outline: 2px solid #0e7490; outline-offset: 2px; }
.price-feed__list::-webkit-scrollbar { width: 5px; }
.price-feed__list::-webkit-scrollbar-thumb { background: #b9ccd4; border-radius: 5px; }
.price-feed__status, .price-feed__footnote { font-size: 11px; color: #718096; line-height: 1.5; margin: 8px 0; }
.price-feed__item { display: flex; align-items: center; gap: 10px; padding: 11px 10px; border-bottom: 1px solid #e7edf0; border-left: 3px solid #df8e8a; color: #243247; text-decoration: none; background: #fffafa; }
.price-feed__item--down { border-left-color: #80bda0; background: #fbfefc; }
.price-feed__item:last-child { border-bottom: 0; }
.price-feed__item:hover, .price-feed__item:focus { color: #243247; text-decoration: none; background: #f8fafc; }
.price-feed__info { display: block; min-width: 0; flex: 1; }
.price-feed__name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere; font-size: 14px; font-weight: 600; line-height: 20px; }
.price-feed__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 8px; margin-top: 4px; line-height: 22px; }
.price-feed__change { display: inline-flex; align-items: center; gap: 3px; padding: 0 6px; border-radius: 4px; background: #fcebea; color: #a6302b; font-weight: 600; white-space: nowrap; }
.price-feed__item--down .price-feed__change { color: #11673f; background: #e5f4eb; }
.price-feed__badge { font-size: 12px; line-height: 22px; }
.price-feed__amount { font-size: 13px; line-height: 22px; font-variant-numeric: tabular-nums; }
.price-feed__time { color: #8792a2; font-size: 10px; white-space: nowrap; }
.price-feed__current { display: inline-flex; align-items: baseline; gap: 3px; white-space: nowrap; }
.price-feed__current-label { font-size: 11px; color: #56677b; }
.price-feed__current-unit { font-size: 10px; color: #718096; }
.price-feed__current-value { font-size: 18px; font-weight: 700; color: #172c46; font-variant-numeric: tabular-nums; }
.price-feed__chevron { color: #a6afbd; font-size: 21px; font-weight: 400; }
.price-feed__empty { padding: 22px 8px; text-align: center; color: #718096; font-size: 13px; }
.price-feed__more { width: 100%; margin: 12px 0 4px; }
.price-feed__footnote { margin: 10px 0 0; }
.ceett-home-tabs .price-feed-tab > a { color: #155e75; font-weight: 700; }
@media (max-width: 600px) { .price-feed__list { max-height: 320px; max-height: min(320px, 50vh); } }
@media (max-width: 380px) { .price-feed { padding: 10px; } .price-feed__item { gap: 7px; } .ceett-home-tabs > li > a { font-size: 12px; } .ceett-home-tabs .fa { display: none; } }