:root {
  --quote-primary: black;
}
.lsc-quote{
  display:flex;
  justify-content:center;
}
.marketPrices svg {
  fill: var(--quote-primary);
  width: 30px;
}
.regularMarketPrice {
  font-size: 2rem;
}
.marketPrices {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 20px;
}
.regularMarketPrice {
  width: 100%;
  text-align: center;
}
.regularMarketChange,
.regularMarketChangePercent {
  width: 40%;
  text-align: right;
}
.regularMarketChangePercent {
  text-align: left;
}
.regularMarketChangePercent:before {
  content: "(";
}
.regularMarketChangePercent:after {
  content: ")";
}
/* -- template 1 quote -- */
.lsc-quote[data-template="template1"] .quote-wrapper{
  background:#163F9F;
  border-radius:90%;
  width:225px;
  height:225px;
  display:flex;
  flex-flow: column nowrap;
  justify-content: center;
  gap:0 0;
}
.lsc-quote[data-template="template1"] .quote-wrapper .marketPrices{
  color:#fff;
}
.quote-wrapper .marketPrices .companyTicker{
    font-weight: 400;
    font-family: 'Changeling-Neo',changeling-neo,sans-serif;
}
.quote-wrapper .marketPrices .regularMarketPrice{
    font-weight: 400;
    font-family: 'Changeling-Neo',changeling-neo,sans-serif;
}
.quote-wrapper .marketPrices .regularMarketChange,.quote-wrapper .marketPrices .regularMarketChangePercent{
    font-weight: 400;
    font-family: 'Changeling-Neo',changeling-neo,sans-serif;
  font-size:0.75rem;
}
.quote-wrapper .marketPrices .positive-icon{
  fill:#D6E0F3;
}
.quote-wrapper .marketPrices .negative-icon{
  fill:#FACEBD;
}
/* -- template 2 quote -- */
.lsc-quote[data-template="template2"]{
  justify-self: flex-start;
  justify-content:start;
}
.lsc-quote[data-template="template2"] .quote-wrapper .marketPrices .positive-icon{
  fill:#163F9F;
}
.quote-wrapper #lsc_template2{
  margin-bottom: 1rem;
  text-align: left;
  justify-content: flex-start;
  width: auto;
}
.quote-wrapper #lsc_template2 .regularMarketPrice{
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
}