@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

div.theme-client-override {
   /* Font families */
  --theme-font-family-sans-serif: 'Roboto', 'Noto Sans SC', sans-serif;
  --theme-font-family-monospace: "Droid Sans Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --theme-font-family-hed: var(--theme-font-family-sans-serif);
  --theme-font-family-subhed: var(--theme-font-family-sans-serif);
  --theme-font-family-note: var(--theme-font-family-sans-serif);
  --theme-font-family-number: var(--theme-font-family-sans-serif);

  /* Font sizes */
  --theme-font-size-xxs: 0.7rem;
  --theme-font-size-xs: 0.75rem;
  --theme-font-size-sm: 0.8rem;
  --theme-font-size-base: 0.875rem;
  --theme-font-size-lg: clamp(1rem, 0.08vw + 0.98rem, 1.05rem);
  --theme-font-size-xl: clamp(1.13rem, 0.31vw + 1.06rem, 1.31rem);
  --theme-font-size-2xl: clamp(1.27rem, 0.63vw + 1.14rem, 1.64rem);
  --theme-font-size-3xl: clamp(1.42rem, 1.04vw + 1.21rem, 2.05rem);
  --theme-font-size-4xl: clamp(1.6rem, 1.6vw + 1.28rem, 2.56rem);
  --theme-font-size-5xl: clamp(1.8rem, 2.34vw + 1.33rem, 3.2rem);
  --theme-font-size-6xl: clamp(2.03rem, 3.3vw + 1.37rem, 4.01rem);

  /* 
   * Colors
   */

  /* Font colors */
  --theme-colour-text-primary: var(--theme-colour-black);
  --theme-colour-text-secondary: var(--theme-colour-grey-700);

  /* Page furniture */
  --theme-colour-page-background: #ffffff;
  --theme-colour-page-live: var(--tr-dark-orange);
  --theme-colour-page-shadow: rgb(64 64 64 / 80%);

  /* Basic grays */
  --theme-colour-white: #ffffff;
  --theme-colour-black: #404040;
  --theme-colour-grey-100: #f5f5f5;
  --theme-colour-grey-200: #efefef;
  --theme-colour-grey-300: #e7e7e7;
  --theme-colour-grey-400: #d0d0d0;
  --theme-colour-grey-500: #999999;
  --theme-colour-grey-600: #6c6c6c;
  --theme-colour-grey-700: #585858;

  /* Republican colors */
  --theme-colour-rep-scale-100: #FEB6AC;
  --theme-colour-rep-scale-200: #F28D87;
  --theme-colour-rep-scale-300: #E26163;
  --theme-colour-rep-scale-400: #d90013;
  --theme-colour-rep-win: var(--theme-colour-rep-scale-400);
  --theme-colour-rep-bgd: #f7edef;
  --theme-colour-rep-lead: #FFDAD9;
  --theme-colour-rep-flip: #7C000F;

  /* Democrat colors */
  --theme-colour-dem-scale-100: #ADDFF7;
  --theme-colour-dem-scale-200: #7DC1EB;
  --theme-colour-dem-scale-300: #57A6D7;
  --theme-colour-dem-scale-400: #0042a1;
  --theme-colour-dem-win: var(--theme-colour-dem-scale-400);
  --theme-colour-dem-bgd: #EDF4F7;
  --theme-colour-dem-lead: #D2EAF7;
  --theme-colour-dem-flip: #004C7F;

  /* Independent colors */
  --theme-colour-ind-scale-100: #CDE8CD;
  --theme-colour-ind-scale-200: #9FDC9F;
  --theme-colour-ind-scale-300: #7FCF7F;
  --theme-colour-ind-scale-400: #60C160;
  --theme-colour-ind-win: var(--theme-colour-ind-scale-400);
  --theme-colour-ind-bgd: #EDF4ED;
  --theme-colour-ind-lead: #CDE8CD;
  --theme-colour-ind-flip: #008000;

  /* Ties */
  --theme-colour-tie-result: #F7D131;
  --theme-colour-tie-bgd: #fcf6e3;
}

.embed-title{font-size:2em!important;font-weight:900;}
.embed-title,.updated-timestamp-container{display:flex!important;justify-content:center;text-align:center!important;}
.wrapper-power-bar img{display:none;}
.wrapper-power-bar:before,.wrapper-power-bar:after{content:'';width:70px;height:70px;border-radius:50%;position:absolute;background-repeat:no-repeat;background-size:100%;}
.wrapper-power-bar:before{left:0;background-image:url('https://interactive.zaobao.com.sg/2024/us-presidential-election/harris-vs-trump-poll/imgs/kamala-harris-tn.webp')!important;background-color:none;}
.wrapper-power-bar:after{right:0;background-image:url('https://interactive.zaobao.com.sg/2024/us-presidential-election/harris-vs-trump-poll/imgs/donald-trump-tn.webp')!important;}
.wrapper-power-bar .wrapper-content{padding:0 7em;margin:0 auto;}
.wrapper-power-bar{align-items:center;}

.child .wrapper-power-bar:before,.child .wrapper-power-bar:after{display:none;}
.child .wrapper-power-bar .wrapper-content{padding:0;}

@media only screen and (max-width:768px) {
.embed-title{font-size:1.6em!important;}
.wrapper-power-bar:before,.wrapper-power-bar:after{display:none;}
.wrapper-power-bar.svelte-15gzxrk .wrapper-content{padding:0;}
}

/* 
 * Add any other CSS rules to customise your embeds.
 */