@charset "utf-8";

:root { --text1-light: #232a31; --text2-light: #464e56; --text3-light: #5b636a; --surface1-light: #fff; --surface2-light: #f0f3f5; --surface3-light: #fff; --surface4-light: #fff; --surface5-light: #f5f8fa; --seperator1-light: #e0e4e9; --seperator2-light: #b0b9c1; --positive-light: #007560; --negative-light: #bd1414; --neutral-light: #5b636a; --inactive-light: #b9b8c5; --icon-color-light: #5b636a; --link-light: #0f69ff; --link-active-light: #125bd4; --link-selected-light: #7e1fff; --following-light: #ffa700; --hover1-light: #e0f0ff; --positiveBg-light: #00853c1a; --negativeBg-light: #eb0f291a; --icon-inactive-light: #dadada; --text1-dark: #f5f8fa; --text2-dark: #e0e4e9; --text3-dark: #b9bdc5; --surface1-dark: #000; --surface2-dark: #000; --surface3-dark: #101518; --surface4-dark: #1d2228; --surface5-dark: #232a31; --seperator1-dark: #555; --seperator2-dark: #555; --positive-dark: #1ac567; --negative-dark: #ff5257; --neutral-dark: #5b636a; --inactive-dark: #828c93; --icon-color-dark: #b9bdc5; --link-dark: #12a9ff; --link-active-dark: #188fff; --link-selected-dark: #5d5eff; --following-dark: #ffd333; --hover1-dark: #154966; --positiveBg-dark: #00853c1a; --negativeBg-dark: #eb0f291a; --icon-inactive-dark: #dadada; }

#atomic body { color-scheme: light; --text1: var(--text1-light); --text2: var(--text2-light); --text3: var(--text3-light); --surface1: var(--surface1-light); --surface2: var(--surface2-light); --surface3: var(--surface3-light); --surface4: var(--surface4-light); --surface5: var(--surface5-light); --seperator1: var(--seperator1-light); --seperator2: var(--seperator2-light); --positive: var(--positive-light); --negative: var(--negative-light); --neutral: var(--neutral-light); --inactive: var(--inactive-light); --icon-color: var(--icon-color-light); --link: var(--link-light); --link-active: var(--link-active-light); --link-selected: var(--link-selected-light); --following: var(--following-light); --hover1: var(--hover1-light); --positiveBg: var(--positiveBg-light); --negativeBg: var(--negativeBg-light); --icon-inactive: var(--icon-inactive-light); --elevation-1: 0 1px 0 #e0e4e9; --elevation-2: 0 0 1px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.08); --elevation-3: 0 0 1px rgba(0,0,0,.08),0 4px 8px rgba(0,0,0,.1); --elevation-4: 0 0 2px rgba(0,0,0,.05),0 4px 16px rgba(0,0,0,.2); --elevation-5: 0 0 16px rgba(0,0,0,.05),0 32px 32px -20px rgba(0,0,0,.4); --surface5-gradient: linear-gradient(to bottom,transparent,rgba(255,255,255,.7) 20%,var(--surface5)); --premium-logo: url("yfinance-plus.svg"); color: var(--text1); background: var(--surface1); }

:root[data-color-theme-enabled="true"][data-color-scheme="dark"]:not([data-chart-theme="light"])#atomic, :root[data-chart-theme="dark"]#atomic { content: "dark"; }

:root[data-color-theme-enabled="true"][data-color-scheme="dark"]:not([data-chart-theme="light"])#atomic body, :root[data-chart-theme="dark"]#atomic body { color-scheme: dark; --text1: var(--text1-dark); --text2: var(--text2-dark); --text3: var(--text3-dark); --surface1: var(--surface1-dark); --surface2: var(--surface2-dark); --surface3: var(--surface3-dark); --surface4: var(--surface4-dark); --surface5: var(--surface5-dark); --seperator1: var(--seperator1-dark); --seperator2: var(--seperator2-dark); --positive: var(--positive-dark); --negative: var(--negative-dark); --neutral: var(--neutral-dark); --inactive: var(--inactive-dark); --icon-color: var(--icon-color-dark); --link: var(--link-dark); --link-active: var(--link-active-dark); --link-selected: var(--link-selected-dark); --following: var(--following-dark); --hover1: var(--hover1-dark); --positiveBg: var(--positiveBg-dark); --negativeBg: var(--negativeBg-dark); --icon-inactive: var(--icon-inactive-dark); --elevation-1: 0 1px 0 #000,0 0 1px rgba(0,0,0,.85); --elevation-2: 0 0 1px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.92); --elevation-3: 0 0 1px rgba(0,0,0,.92),0 4px 8px rgba(0,0,0,.9); --elevation-4: 0 0 2px rgba(0,0,0,.95),0 4px 16px rgba(0,0,0,.8); --elevation-5: 0 0 16px rgba(0,0,0,.95),0 32px 32px -20px rgba(0,0,0,.6); --surface5-gradient: linear-gradient(to bottom,transparent,rgba(35,42,49,.8) 30%,var(--surface5)); --premium-logo: url(""); }

@media (prefers-color-scheme: dark) {
  :root[data-color-theme-enabled="true"]:not([data-color-theme="light"]):not([data-chart-theme="light"])#atomic, :root[data-chart-theme="dark"]#atomic { content: "dark"; }
  :root[data-color-theme-enabled="true"]:not([data-color-theme="light"]):not([data-chart-theme="light"])#atomic body, :root[data-chart-theme="dark"]#atomic body { color-scheme: dark; --text1: var(--text1-dark); --text2: var(--text2-dark); --text3: var(--text3-dark); --surface1: var(--surface1-dark); --surface2: var(--surface2-dark); --surface3: var(--surface3-dark); --surface4: var(--surface4-dark); --surface5: var(--surface5-dark); --seperator1: var(--seperator1-dark); --seperator2: var(--seperator2-dark); --positive: var(--positive-dark); --negative: var(--negative-dark); --neutral: var(--neutral-dark); --inactive: var(--inactive-dark); --icon-color: var(--icon-color-dark); --link: var(--link-dark); --link-active: var(--link-active-dark); --link-selected: var(--link-selected-dark); --following: var(--following-dark); --hover1: var(--hover1-dark); --positiveBg: var(--positiveBg-dark); --negativeBg: var(--negativeBg-dark); --icon-inactive: var(--icon-inactive-dark); --elevation-1: 0 1px 0 #000,0 0 1px rgba(0,0,0,.85); --elevation-2: 0 0 1px rgba(0,0,0,.9),0 2px 4px rgba(0,0,0,.92); --elevation-3: 0 0 1px rgba(0,0,0,.92),0 4px 8px rgba(0,0,0,.9); --elevation-4: 0 0 2px rgba(0,0,0,.95),0 4px 16px rgba(0,0,0,.8); --elevation-5: 0 0 16px rgba(0,0,0,.95),0 32px 32px -20px rgba(0,0,0,.6); --surface5-gradient: linear-gradient(to bottom,transparent,rgba(35,42,49,.8) 30%,var(--surface5)); --premium-logo: url(""); }
}

html { content: "light"; }

body { min-width: 290px; -webkit-font-smoothing: antialiased; }

#app { font-family: "Yahoo Sans Finance", "Helvetica Neue", Arial, sans-serif; }

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { appearance: none; margin: 0px; }

input[type="number"] { }

figure { margin-block: 0px; margin-inline: 0px; margin: 0px; }

.page-in-defer { min-height: calc(-292px + 100vh); }

:link, :visited { color: rgb(15, 105, 255); }

@media screen� {
  a:hover .StretchedBox { background-color: rgb(255, 255, 255); opacity: 0; }
}

.non-selectable { user-select: none; }

.no-spinner-input::-webkit-inner-spin-button, .no-spinner-input::-webkit-outer-spin-button { appearance: none; margin: 0px; }

.no-spinner-input { }

.seo-hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.smartphone.TwoColumnLayout #UH-0-UH-0-MobileHeader { position: fixed; }

.smartphone.TwoColumnLayout #UH-1-NavLite { left: 0px; }

.res-report-itm h1, .res-report-itm h2 { font-size: 13px; margin: 0px; }

.gray-placeholder { background-color: rgb(238, 238, 238); background-image: linear-gradient(90deg, rgb(255, 255, 255) 0px, transparent 0px, transparent 294px, rgb(255, 255, 255) 294px, rgb(255, 255, 255)), linear-gradient(0deg, rgb(255, 255, 255) 0px, transparent 0px, transparent 220px, rgb(255, 255, 255) 220px, rgb(255, 255, 255)); background-size: 298px 224px; background-position: 0px 0px, 0px -4px; }

.treeMap { overflow: scroll; position: absolute; inset: 0px; cursor: pointer; }

.no-scrollbar { }

.no-scrollbar::-webkit-scrollbar { display: none; }

.slim-grey-scrollbar::-webkit-scrollbar { width: 3px; }

.slim-grey-scrollbar::-webkit-scrollbar-thumb { background: rgb(216, 216, 216); border-radius: 30px; }

.embeddedServiceHelpButton .helpButton { bottom: 12px !important; }

.embeddedServiceHelpButton .helpButton .uiButton { border-radius: 23px !important; background-color: rgb(15, 105, 255) !important; font-family: Arial, sans-serif !important; }

.embeddedServiceHelpButton .helpButton .uiButton:focus::before, .embeddedServiceHelpButton .helpButton .uiButton:hover::before { border-radius: 23px !important; }

@media print {
  .embeddedServiceHelpButton { display: none !important; }
}

.prem-txt { background: linear-gradient(91deg, rgb(198, 5, 137), rgb(213, 21, 0)) text; -webkit-text-fill-color: transparent; }

.fprogbar { background-color: rgb(24, 206, 255); width: 0px; opacity: 0; height: 2px; transition: width 5s linear; }

.fprogbar.animate { width: 99%; opacity: 1; }

.fprogbar.stopanimate { width: 100%; opacity: 1; transition: width 0.4s linear; }

.watchlist-description em { font-weight: 700; font-style: normal; }

.watchlist-description p { margin: 6px 0px 13px; }

.YahooSans-Regular button { font-family: "Yahoo Sans Finance" !important; }

.shape-dot { width: 8px; height: 8px; background: rgb(0, 120, 255); border-radius: 50%; z-index: 1; position: relative; bottom: -5px; transform: translate3d(-50%, 0px, 0px); }

.shape-dot.average { background-color: transparent; border: 1px solid rgb(120, 125, 130); bottom: -6px; }

.esg-dot { background-color: rgb(0, 131, 233); height: 10px; width: 10px; border-style: solid; border-radius: 50%; border-width: 1.5px; border-color: white; }

.esg-arrow-down { width: 0px; height: 0px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid rgb(255, 181, 110); }

.spinner-wrap { padding: 5em; }

.spinner { margin-bottom: 5em; margin-left: 6em; font-size: 10px; position: relative; text-indent: -9999em; transform: translateZ(0px); animation-delay: -0.16s; }

.spinner::before, .spinner::after { content: ""; position: absolute; top: 0px; }

.spinner::before { left: -3.5em; animation-delay: -0.32s; }

.spinner::after { left: 3.5em; }

.spinner, .spinner::before, .spinner::after { border-radius: 50%; width: 2.5em; height: 2.5em; animation-name: spinner; animation-duration: 1.8s; animation-fill-mode: both; animation-timing-function: ease-in-out; animation-iteration-count: infinite; }

@-webkit-keyframes spinner { 
  0%, 80%, 100% { box-shadow: rgb(241, 241, 241) 0px 2.5em 0px -1.3em; }
  40% { box-shadow: rgb(241, 241, 241) 0px 2.5em 0px 0px; }
}

@keyframes spinner { 
  0%, 80%, 100% { box-shadow: rgb(241, 241, 241) 0px 2.5em 0px -1.3em; }
  40% { box-shadow: rgb(241, 241, 241) 0px 2.5em 0px 0px; }
}

.transactionAlertFadeInOut { animation-name: transactionFadeIn, transactionConstant, transactionFadeOut; animation-duration: 0.4s, 9.2s, 0.4s; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1), linear, cubic-bezier(0.4, 0, 0.2, 1); animation-delay: 0s, 0.4s, 9.6s; }

@-webkit-keyframes transactionFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes transactionFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes transactionConstant { 
  0% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes transactionConstant { 
  0% { opacity: 1; }
  100% { opacity: 1; }
}

@-webkit-keyframes transactionFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes transactionFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

.dimmer-item { animation: 2s ease-in-out 0s infinite alternate none running dimmer; }

@-webkit-keyframes dimmer { 
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.8; }
}

@keyframes dimmer { 
  0%, 100% { opacity: 0.3; }
  50% { opacity: 0.8; }
}

.spin-loader { background: url("") center center no-repeat transparent; }

.yfp3-circle { border-radius: 50%; background-color: rgba(15, 105, 255, 0.2); width: 12px; height: 12px; position: absolute; }

.yfp3-circle::after { position: absolute; top: 50%; left: 50%; margin: -18px 0px 0px -18px; width: 36px; height: 36px; border-radius: 50%; content: ""; opacity: 0; box-shadow: rgba(15, 105, 255, 0.1) 0px 0px 0px 36px inset; animation: 1.2s ease 0s infinite normal forwards running yfp3circlePulse; }

@-webkit-keyframes yfp3circlePulse { 
  0% { opacity: 0.1; transform: scale3d(0.4, 0.4, 1); }
  75% { box-shadow: rgba(15, 105, 255, 0.5) 0px 0px 0px 3px inset; opacity: 0.2; }
  100% { box-shadow: rgba(15, 105, 255, 0.5) 0px 0px 0px 3px inset; opacity: 0; transform: scale3d(1.1, 1.1, 1); }
}

@keyframes yfp3circlePulse { 
  0% { opacity: 0.1; transform: scale3d(0.4, 0.4, 1); }
  75% { box-shadow: rgba(15, 105, 255, 0.5) 0px 0px 0px 3px inset; opacity: 0.2; }
  100% { box-shadow: rgba(15, 105, 255, 0.5) 0px 0px 0px 3px inset; opacity: 0; transform: scale3d(1.1, 1.1, 1); }
}

.TapHc\(h\) { -webkit-tap-highlight-color: transparent; }

.smad-container, .smad-container .smad-header { display: none; }

.hide-lrec-ldrb-ad .js-sponsored-moments, .smad-scroller .js-sponsored-moments, .hide-lrec-ldrb-ad #mrt-node-Col1-6-SponsoredMomentsAd, .smad-scroller #mrt-node-Col1-6-SponsoredMomentsAd { display: none; }

.hide-lrec-ldrb-ad .smad-container, .smad-scroller .smad-container { display: block; }

.smad-scroller .ad-lrec { display: none; }

.smad-scroller .smad-container .smad-header { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); text-align: left; display: block; padding: 2px; }

.smad-scroller .smad-header span { padding-left: 6px; vertical-align: middle; font-weight: 400; font-size: 10px; text-transform: uppercase; }

.smad-scroller .smad-header .smad-icon { display: inline-block; padding-right: 6px; float: right; }

.smad-scroller .smad-header .smad-icon span { padding-right: 3px; }

.smad-scroller .smad-header .smad-icon .ads { top: initial; padding-left: 2px; padding-right: 0px; display: inline-block; }

.smad-scroller .smad-header .smad-icon .ads svg { fill: rgb(255, 255, 255); stroke: rgb(255, 255, 255); stroke-width: 0; width: 13px; height: 13px; }

.smad-scroller .smad-outer-container { position: relative; height: calc(-71px + 178vw); }

.smad-scroller .smad-clip-area { background-color: rgb(237, 237, 241); clip: rect(0px, auto, auto, 0px); position: absolute; overflow: hidden; left: 0px; top: 0px; height: 100%; width: 100%; z-index: 1; }

.hide-lrec-ldrb-ad .smad-container .smad-tag-container { text-align: center; height: 250px; }

.smad-scroller .smad-container .smad-tag-container { top: 0px; left: 0px; position: fixed; transform: translateZ(0px); width: 100vw; height: 177.77vw; }

.smad-scroller .smad-container .smad-tag-container #defaultMOMENTS-wrapper { height: 177.77vw; }

.stage-expand .js-sponsored-moments, .stage-expand .js-reserve-moments, .stage-expand .smad-scroller .smad-container { display: none; }

#YDC-Col2 .sticky-outer-wrapper .sticky-inner-wrapper { z-index: 1; }

.js-stream-content a.js-content-viewer { color: var(--text1); }

.js-stream-content a.js-content-viewer:hover, .js-stream-content a.js-content-viewer:focus { color: var(--link); }

@media screen and (min-device-height: 740px) {
  .smad-scroller .smad-outer-container { height: 177.77vw; }
  .smad-scroller .smad-container .smad-tag-container { top: initial; bottom: calc((-51px + 100vh - 177.77vw) / 2); }
}

@media screen and (orientation: landscape) {
  .smad-scroller .smad-container { display: none; }
}

.sticky-aside div { height: 100%; }

#events-chart .ciqtip { height: auto !important; }

.animate-arrow-down { transform: rotateX(0deg); transition: transform 0.5s, -webkit-transform 0.5s; }

.animate-arrow-down.open { transform: rotateX(180deg); transition: transform 0.5s, -webkit-transform 0.5s; }
