.market-dynamics-panel{container-type:inline-size;overflow:hidden}.market-dynamics-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line)}.market-dynamics-head h2{font-size:15px;font-weight:600}.market-dynamics-head>span{font-size:10px;color:var(--muted);text-align:right}.market-dynamics-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:7px 11px;padding:12px 16px;position:relative}.market-dynamics-row+.market-dynamics-row{border-top:1px solid var(--line)}.market-dynamics-art{display:block;width:42px;height:42px;object-fit:contain;mix-blend-mode:multiply}.market-dynamics-copy{min-width:0}.market-dynamics-copy>span{display:block;font-size:10px;color:var(--muted)}.market-dynamics-copy>strong{display:block;font-size:14px;line-height:1.6;font-weight:600;overflow-wrap:anywhere}.market-dynamics-copy>small{display:block;font-size:10px;color:var(--muted);line-height:1.5}.market-dynamics-quote{text-align:right;align-self:start;font-variant-numeric:tabular-nums;padding-top:1px}.market-dynamics-quote>b{display:block;font-size:12px;font-weight:600;line-height:1.65;white-space:nowrap}.market-dynamics-quote>.is-high{color:#a04e34}.market-dynamics-quote>.is-low{color:#225b86}.market-dynamics-quote>small{display:block;font-size:9px;line-height:1.7;color:var(--muted);white-space:nowrap}.market-dynamics-quote>time{display:inline-block;color:var(--muted);font-size:10px;font-variant-numeric:tabular-nums;line-height:1.4}.market-dynamics-route{grid-column:2/4;justify-self:start;min-height:34px;padding:4px 10px;font-size:10px}.market-dynamics-route:focus-visible,.market-dynamics-more>summary:focus-visible{outline:2px solid #35648e;outline-offset:2px}.market-dynamics-more{border-top:1px solid var(--line)}.market-dynamics-more>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 16px;cursor:pointer;font-size:11px;font-weight:500;list-style:none}.market-dynamics-more>summary::-webkit-details-marker{display:none}.market-dynamics-more>summary>span{color:var(--muted);font-size:10px}.market-dynamics-more[open]>summary{border-bottom:1px solid var(--line)}.market-dynamics-more[open]>summary>span:after{content:' −'}.market-dynamics-more:not([open])>summary>span:after{content:' +'}.market-dynamics-more>div{max-height:440px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.market-dynamics-more .market-dynamics-row{padding-block:10px}.market-dynamics-more .market-dynamics-art{width:36px;height:36px}.market-dynamics-more .market-dynamics-row{grid-template-columns:36px minmax(0,1fr) auto}.market-dynamics-route:hover:not(:disabled){background:#e6eef7;color:#183d65;transform:none}.market-dynamics-more>summary:hover{background:#eef3f9}
@container(min-width:500px){.market-dynamics-row{grid-template-columns:44px minmax(0,1fr) minmax(92px,auto) auto;gap:13px;padding-block:11px}.market-dynamics-art{width:44px;height:44px}.market-dynamics-route{grid-column:auto;justify-self:end;min-height:38px}.market-dynamics-quote{align-self:center}.market-dynamics-quote>small{display:inline-block;margin-right:8px}.market-dynamics-more .market-dynamics-row{grid-template-columns:36px minmax(0,1fr) minmax(92px,auto) auto}}
@container(max-width:300px){.market-dynamics-head{padding:11px 12px;align-items:center}.market-dynamics-head h2{font-size:14px}.market-dynamics-head>span{max-width:96px;font-size:9px}.market-dynamics-row,.market-dynamics-more .market-dynamics-row{grid-template-columns:34px minmax(0,1fr);gap:7px 9px;padding:11px 12px}.market-dynamics-art,.market-dynamics-more .market-dynamics-art{width:34px;height:34px}.market-dynamics-copy>strong{font-size:13px}.market-dynamics-quote{grid-column:2;text-align:left;display:flex;gap:7px;align-items:baseline;flex-wrap:wrap;padding-top:0}.market-dynamics-quote>small{white-space:normal}.market-dynamics-quote>b{font-size:11px}.market-dynamics-route{grid-column:2;min-height:36px;width:100%;font-size:11px}.market-dynamics-more>summary{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.market-dynamics-panel *{animation:none!important;transition:none!important}}
.market-dynamics-panel .market-dynamics-route{min-height:40px;min-width:68px;font-size:11px}.market-dynamics-copy>span{font-size:11px}.market-dynamics-quote>small{font-size:10px}