.symbol-chart{width:100%;height:6rem}.symbol-chart .chart-skeleton-container,.symbol-chart .chart-skeleton-container .chart-skeleton{width:100%!important;height:100%!important}.symbol-chart.heatmap-tooltip__chart{height:4.5625rem}
.heatmap-tooltip{--tooltip-glow-rgb:16,185,129;--tooltip-glow-strong:.2;--tooltip-glow-soft:.1;--tooltip-surface-tint:37,99,235;background:var(--base-background,#fff);color:#171717;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #e5e5e5eb;border-radius:1rem;width:15.5625rem;font-family:inherit;position:relative;overflow:hidden;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000001a}.heatmap-tooltip.is-positive{--tooltip-glow-rgb:16,185,129;--tooltip-glow-strong:.22;--tooltip-glow-soft:.1;--tooltip-surface-tint:37,99,235}.heatmap-tooltip.is-negative{--tooltip-glow-rgb:244,63,94;--tooltip-glow-strong:.18;--tooltip-glow-soft:.08;--tooltip-surface-tint:225,29,72}.heatmap-tooltip__header{padding:1.5rem 1rem 0}.heatmap-tooltip__identity{align-items:center;gap:.75rem;min-height:3rem;display:flex}.heatmap-tooltip__logo{flex:none}.heatmap-tooltip__logo .companyLogo{width:2.75rem;min-width:2.75rem;height:2.75rem;min-height:2.75rem;box-shadow:inset 0 0 0 1px var(--base-border,#e5e5e5),0 6px 16px #0000001f;background:#fff;border-radius:9999px;padding:0;overflow:hidden}.heatmap-tooltip__logo .imgCompanyLogo,.heatmap-tooltip__logo .companyLogo img,.heatmap-tooltip__logo .no-logo{-o-object-fit:cover;object-fit:cover;border:1px solid #e5e5e51a;border-radius:9999px!important;width:100%!important;min-width:100%!important;max-width:100%!important;height:100%!important;min-height:100%!important;max-height:100%!important;margin:0!important}.heatmap-tooltip__logo .imgCompanyLogo{-o-object-fit:contain;object-fit:contain;background:0 0;border:none;padding:0;border-radius:0!important;width:84%!important;min-width:84%!important;max-width:84%!important;height:84%!important;min-height:84%!important;max-height:84%!important;display:block!important}.heatmap-tooltip__logo .companyLogo img{-o-object-fit:contain!important;object-fit:contain!important;border:none!important;border-radius:0!important;width:84%!important;min-width:84%!important;max-width:84%!important;height:84%!important;min-height:84%!important;max-height:84%!important;display:block!important}.heatmap-tooltip__logo .no-logo{font-size:.75rem}.heatmap-tooltip__logo .no-logo i{font-size:.75rem!important}.heatmap-tooltip__title-block{flex:auto;min-width:0}.heatmap-tooltip__topline,.heatmap-tooltip__bottomline{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.heatmap-tooltip__symbol-badge,.heatmap-tooltip__change-badge{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.heatmap-tooltip__symbol-badge{color:#171717;background:#f5f5f5;min-width:3rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem}.heatmap-tooltip__price{color:#171717;letter-spacing:0;flex:none;font-size:1rem;font-weight:400;line-height:1.5rem}.heatmap-tooltip__name{text-overflow:ellipsis;white-space:nowrap;color:#171717;min-width:0;margin:0;font-size:1rem;font-weight:700;line-height:1.5rem;overflow:hidden}.heatmap-tooltip__change-badge{background:#fff;border:1px solid #e5e5e5;gap:.25rem;padding:.125rem .5rem;font-size:.75rem;font-weight:500;line-height:1rem}.heatmap-tooltip__change-badge.is-positive{color:#0f9f6e}.heatmap-tooltip__change-badge.is-negative{color:#f23645}.heatmap-tooltip__trend-icon{flex:none;width:.75rem;height:.75rem}.heatmap-tooltip__body{padding:1rem 0;position:relative}.heatmap-tooltip__sparkline{width:100%;height:4.5625rem;margin-bottom:0;position:relative}.heatmap-tooltip__chart{height:4.5625rem}.heatmap-tooltip__stats{background:var(--base-accent,#f5f5f5);z-index:1;border-radius:.5rem;flex-direction:column;gap:.5rem;margin:0 1rem;padding:.75rem;display:flex;position:relative}.heatmap-tooltip__stat-row{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.heatmap-tooltip__stat-label,.heatmap-tooltip__stat-value{font-size:.75rem;line-height:1rem}.heatmap-tooltip__stat-label{color:#737373;flex:auto;min-width:0}.heatmap-tooltip__stat-value{color:#0a0a0a;text-align:right;flex:none;font-weight:500}.dark .heatmap-tooltip,.darkMode .heatmap-tooltip{background:var(--base-background,#0a0a0a);color:#fafafa;border-color:#27272ae6}.dark .heatmap-tooltip .heatmap-tooltip__logo .companyLogo,.darkMode .heatmap-tooltip .heatmap-tooltip__logo .companyLogo{box-shadow:inset 0 0 0 1px var(--base-border,#e5e5e5),inset 0 0 0 2px var(--base-border,#e5e5e5),0 8px 20px #0000003d;background:#fff}.dark .heatmap-tooltip .heatmap-tooltip__logo .imgCompanyLogo,.dark .heatmap-tooltip .heatmap-tooltip__logo .companyLogo img,.dark .heatmap-tooltip .heatmap-tooltip__logo .no-logo,.darkMode .heatmap-tooltip .heatmap-tooltip__logo .imgCompanyLogo,.darkMode .heatmap-tooltip .heatmap-tooltip__logo .companyLogo img,.darkMode .heatmap-tooltip .heatmap-tooltip__logo .no-logo{border-color:#3f3f46b3}.dark .heatmap-tooltip .heatmap-tooltip__symbol-badge,.darkMode .heatmap-tooltip .heatmap-tooltip__symbol-badge{color:#fafafa;background:#27272af2}.dark .heatmap-tooltip .heatmap-tooltip__price,.dark .heatmap-tooltip .heatmap-tooltip__name,.dark .heatmap-tooltip .heatmap-tooltip__stat-value,.darkMode .heatmap-tooltip .heatmap-tooltip__price,.darkMode .heatmap-tooltip .heatmap-tooltip__name,.darkMode .heatmap-tooltip .heatmap-tooltip__stat-value{color:#fafafa}.dark .heatmap-tooltip .heatmap-tooltip__change-badge,.darkMode .heatmap-tooltip .heatmap-tooltip__change-badge{background:#0a0a0aeb;border-color:#3f3f46cc}.dark .heatmap-tooltip .heatmap-tooltip__change-badge.is-positive,.darkMode .heatmap-tooltip .heatmap-tooltip__change-badge.is-positive{color:#34d399}.dark .heatmap-tooltip .heatmap-tooltip__change-badge.is-negative,.darkMode .heatmap-tooltip .heatmap-tooltip__change-badge.is-negative{color:#fb7185}.dark .heatmap-tooltip .heatmap-tooltip__stats,.darkMode .heatmap-tooltip .heatmap-tooltip__stats{background:var(--base-accent,#171717)}.dark .heatmap-tooltip .heatmap-tooltip__stat-label,.darkMode .heatmap-tooltip .heatmap-tooltip__stat-label{color:#a1a1aa}
.heatmap-component{height:100%;min-height:100%;display:block}.heatmap-component>div,.heatmap-component>div>div{height:100%;min-height:100%}.heatmap-component>.chart-skeleton-container{height:100%;margin-top:0;width:100%!important}.heatmap-component>.chart-skeleton-container .chart-skeleton{width:100%!important;height:100%!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.heatmap-component>div>div>div{animation:.3s forwards fade-in;z-index:101!important}