/* GENERATED from tools/hb-dark-polish.css by tools/build-hb-dark.py — edit the source. */
/* HangeulBondhu dark theme — hand-tuned polish on top of the generated colour layer (hangeulbondhu-dark-auto.css).
   Source for public_html/assets/hangeulbondhu-dark.css: "html:not([data-theme="light"])" becomes html:not([data-theme="light"]), so every rule
   switches off when the visitor picks the original light design. Build: python3 tools/build-hb-dark.py */
.hb-orb{display:none}

html:not([data-theme="light"]){--hbd-bg:#060f22;--hbd-bg2:#0b1a36;--hbd-ink:#eaf2ff;--hbd-muted:#a9bad6;--hbd-line:#8fb4ff33;--hbd-teal:#2fd3b4;--hbd-blue:#4f8dff;--hbd-violet:#8b5cf6}

/* ---------- glass header ---------- */
html:not([data-theme="light"]) .hb-header{background:#0a1730e8;border-color:#9fbfff2e;box-shadow:0 14px 40px #02081a59,inset 0 1px 0 #ffffff14;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}
html:not([data-theme="light"]) .hb-header .hb-brand span{color:#f2f7ff}
html:not([data-theme="light"]) .hb-header .hb-brand small{color:#9fb3d1}
html:not([data-theme="light"]) .hb-header .hb-brand img{background:#fff;border-radius:14px;padding:3px;box-shadow:0 4px 14px #0006}
html:not([data-theme="light"]) .hb-header #hb-menu a{color:#dbe6f7}
html:not([data-theme="light"]) .hb-header #hb-menu a:hover{box-shadow:inset 0 0 0 1px #8fb4ff66;color:#fff;background:#ffffff0d}
html:not([data-theme="light"]) .hb-header #hb-menu a[aria-current=page]{background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 1px #ffffff2e}
html:not([data-theme="light"]) .hb-header #hb-menu a:last-child,html:not([data-theme="light"]) .hb-header #hb-menu .hb-nav-cta{background:linear-gradient(135deg,#5aa9ff 0%,#2563eb 55%,#6d28d9 130%);color:#fff;box-shadow:0 8px 24px #2563eb66,inset 0 1px 0 #ffffff40}
html:not([data-theme="light"]) .hb-header #hb-menu .hb-account-logout{background:#ffffff12;border-color:#ffffff2e;color:#e6eeff}
html:not([data-theme="light"]) .hb-menu-toggle{background:#ffffff14;color:#fff;border-color:#ffffff33}
@media(max-width:760px){html:not([data-theme="light"]) .hb-header nav{border-top-color:#ffffff1f}}

/* ---------- shared: orbs ---------- */
html:not([data-theme="light"]) .hb-dark-hero{color:var(--hbd-ink)}
html:not([data-theme="light"]) .hb-dark-hero .hb-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(80px);opacity:.75;pointer-events:none;animation:hbdFloat 14s ease-in-out infinite alternate}
html:not([data-theme="light"]) .hb-dark-hero .hb-orb-1{width:520px;height:520px;left:-140px;top:-60px;background:#1d4ed8}
html:not([data-theme="light"]) .hb-dark-hero .hb-orb-2{width:460px;height:460px;right:-120px;top:40px;background:#7c3aed;opacity:.55;animation-delay:-5s}
html:not([data-theme="light"]) .hb-dark-hero .hb-orb-3{width:380px;height:380px;left:38%;bottom:-200px;background:#0d9488;opacity:.55;animation-delay:-9s}
@keyframes hbdFloat{0%{transform:translate(0,0) scale(1)}50%{transform:translate(30px,-24px) scale(1.06)}100%{transform:translate(-24px,18px) scale(.96)}}
@media (prefers-reduced-motion:reduce){html:not([data-theme="light"]) .hb-dark-hero .hb-orb{animation:none}}

/* ---------- home hero ---------- */
html:not([data-theme="light"]) .hb-v3-hero.hb-dark-hero{background:radial-gradient(120% 90% at 50% -10%,#13254a 0%,var(--hbd-bg) 55%,#050b1a 100%);border-bottom:0;padding-bottom:30px}
html:not([data-theme="light"]) .hb-v3-hero.hb-dark-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,transparent 80%)}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-badge{background:#ffffff10;border:1px solid var(--hbd-line);color:#cfe0ff;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-badge i{background:var(--hbd-teal);box-shadow:0 0 0 4px #2fd3b42e,0 0 14px #2fd3b4}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-copy h1{color:#f5f8ff;font-size:clamp(52px,6.4vw,96px);letter-spacing:-3px;text-shadow:0 10px 40px #0008}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-copy h1 em{background:linear-gradient(100deg,#5eead4 0%,#60a5fa 55%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-copy h1 em:after{background:linear-gradient(90deg,#2dd4bf,#6366f1);opacity:.45;height:8px}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-copy>p{color:var(--hbd-muted)}
html:not([data-theme="light"]) .hb-dark-hero .hb-actions .kc-button{background:linear-gradient(135deg,#5aa9ff 0%,#2563eb 55%,#6d28d9 130%);color:#fff;border:0;box-shadow:0 10px 30px #2563eb73,inset 0 1px 0 #ffffff40;transition:transform .2s,box-shadow .2s}
html:not([data-theme="light"]) .hb-dark-hero .hb-actions .kc-button:hover{transform:translateY(-2px);box-shadow:0 16px 40px #2563eb99,inset 0 1px 0 #ffffff40}
html:not([data-theme="light"]) .hb-dark-hero .hb-actions .kc-button.kc-secondary,html:not([data-theme="light"]) .hb-dark-hero .hb-actions a.kc-button.kc-secondary:not(:hover){background:#ffffff0f;color:#e6eeff;border:1px solid #ffffff2e;box-shadow:inset 0 1px 0 #ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
html:not([data-theme="light"]) .hb-dark-hero .hb-actions .kc-button.kc-secondary{color:#e6eeff!important}
html:not([data-theme="light"]) .hb-dark-hero .hb-actions .kc-button.kc-secondary:hover{background:#ffffff1c!important;color:#fff!important}
html:not([data-theme="light"]) .hb-dark-hero .hb-next-batch{color:#cfe0ff}
html:not([data-theme="light"]) .hb-dark-hero .hb-next-batch strong{color:#fff}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-signature,html:not([data-theme="light"]) .hb-dark-hero .hb-v3-signature span{color:#9fb3d1}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-signature div span{background:#ffffff12;border-color:#ffffff26;color:#e6eeff}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-orbit span{color:#8fb4ff;opacity:.35;text-shadow:0 0 24px #4f8dff}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-book-note{color:#9fb3d1}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-frontbook,html:not([data-theme="light"]) .hb-dark-hero .hb-v3-backbook{box-shadow:0 30px 60px #0009,0 0 0 1px #ffffff14}
html:not([data-theme="light"]) .hb-dark-hero .hb-v3-phone{box-shadow:0 40px 80px #000a,0 0 60px #2563eb40}

/* ---------- free tools hub hero ---------- */
html:not([data-theme="light"]) .hbx-hub .hbg-hero.hb-dark-hero{isolation:isolate;padding:64px 56px 58px;border:1px solid #8fb4ff2e;border-radius:32px;background:radial-gradient(120% 140% at 0% 0%,#13254a 0%,var(--hbd-bg) 55%,#050b1a 100%);box-shadow:0 30px 70px #06102466}
html:not([data-theme="light"]) .hbx-hub .hbg-hero.hb-dark-hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(80% 80% at 30% 30%,#000 20%,transparent 80%);mask-image:radial-gradient(80% 80% at 30% 30%,#000 20%,transparent 80%)}
html:not([data-theme="light"]) .hbx-hub .hb-dark-hero .hb-orb-1{width:360px;height:360px;left:-100px;top:-120px}
html:not([data-theme="light"]) .hbx-hub .hb-dark-hero .hb-orb-2{width:320px;height:320px;right:-80px;top:-60px}
html:not([data-theme="light"]) .hbx-hub .hb-dark-hero .hb-orb-3{width:280px;height:280px;left:45%;bottom:-180px}
html:not([data-theme="light"]) .hbx-hub .hb-dark-hero .hb-eyebrow{background:#ffffff10;border:1px solid var(--hbd-line);color:#cfe0ff}
html:not([data-theme="light"]) .hbx-hub .hb-dark-hero h1{color:#f5f8ff;font-size:clamp(40px,5.4vw,76px);line-height:1.15;letter-spacing:-2.5px;font-weight:800;margin:18px 0 14px;background:linear-gradient(100deg,#ffffff 0%,#cfe0ff 45%,#8fb4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme="light"]) .hbx-hub .hb-dark-hero p{color:var(--hbd-muted);font-size:18px;max-width:640px}
html:not([data-theme="light"]) .hbx-hub .hb-dark-hero::before{display:none}
@media(max-width:760px){
  html:not([data-theme="light"]) .hbx-hub .hbg-hero.hb-dark-hero{padding:40px 22px 36px;border-radius:24px}
  html:not([data-theme="light"]) .hb-dark-hero .hb-orb{filter:blur(60px)}
  html:not([data-theme="light"]) .hb-dark-hero .hb-orb-1{width:320px;height:320px}
  html:not([data-theme="light"]) .hb-dark-hero .hb-orb-2{width:280px;height:280px}
}

/* soft fade from the dark home hero into the light page */
html:not([data-theme="light"]) .hb-v3-hero.hb-dark-hero{box-shadow:0 30px 60px -30px #060f2259}

/* ---------- theme switch (both modes) ---------- */
.hb-theme-toggle{order:5;flex:none;width:42px;height:42px;margin-left:8px;border-radius:50%;display:inline-grid;place-items:center;cursor:pointer;font-size:19px;line-height:1;border:1px solid #cfdcd5;background:#fff;color:#0b5f55;transition:transform .2s,background .2s}
.hb-theme-toggle:hover{transform:rotate(-18deg)}
.hb-theme-toggle .hb-theme-sun{display:none}
html:not([data-theme="light"]) .hb-theme-toggle{background:#ffffff12;border-color:#ffffff33;color:#ffd977}
html:not([data-theme="light"]) .hb-theme-toggle .hb-theme-sun{display:inline}
html:not([data-theme="light"]) .hb-theme-toggle .hb-theme-moon{display:none}
@media(max-width:760px){.hb-theme-toggle{order:0;margin-left:auto;margin-right:8px}}

/* =========================================================================
   Site-wide dark polish (every HB page, incl. study room, books, tools)
   ========================================================================= */
html:not([data-theme="light"]){color-scheme:dark;background:#050b1a}
html:not([data-theme="light"]) body{background:#050b1a radial-gradient(1200px 700px at 8% -10%,#1d4ed82e,transparent 60%) no-repeat,#050b1a;color:#e6eeff}
html:not([data-theme="light"]) body::before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(600px 420px at 100% 0%,#7c3aed1f,transparent 70%),radial-gradient(700px 500px at 0% 100%,#0d94881a,transparent 70%)}
html:not([data-theme="light"]) .kc-page,html:not([data-theme="light"]) .hb-system{background-color:transparent}
html:not([data-theme="light"]) h1,html:not([data-theme="light"]) h2,html:not([data-theme="light"]) h3,html:not([data-theme="light"]) h4{color:#f3f7ff}
html:not([data-theme="light"]) .kc-wrap h2 em,html:not([data-theme="light"]) .kc-section h2 em,html:not([data-theme="light"]) h2 span.hb-gt{font-style:normal;background:linear-gradient(100deg,#5eead4 0%,#60a5fa 55%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme="light"]) ::selection{background:#2563eb99;color:#fff}

/* buttons */
html:not([data-theme="light"]) .kc-button:not(.kc-secondary),html:not([data-theme="light"]) .hb-button-primary{background:linear-gradient(135deg,#5aa9ff 0%,#2563eb 55%,#6d28d9 130%)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 10px 28px #2563eb59,inset 0 1px 0 #ffffff40!important}
html:not([data-theme="light"]) .kc-button:not(.kc-secondary):hover{filter:brightness(1.08);transform:translateY(-1px)}
html:not([data-theme="light"]) .kc-button.kc-secondary{background:#ffffff0d!important;border:1px solid #ffffff2e!important;color:#e6eeff!important;box-shadow:inset 0 1px 0 #ffffff14!important}
html:not([data-theme="light"]) .kc-button.kc-secondary:hover{background:#ffffff1a!important}

/* forms */
html:not([data-theme="light"]) input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=submit]):not([type=button]),html:not([data-theme="light"]) select,html:not([data-theme="light"]) textarea{background-color:#081226!important;color:#eef4ff!important;border-color:#8fb4ff33!important}
html:not([data-theme="light"]) input::placeholder,html:not([data-theme="light"]) textarea::placeholder{color:#6f83a6!important}
html:not([data-theme="light"]) input:focus,html:not([data-theme="light"]) select:focus,html:not([data-theme="light"]) textarea:focus{border-color:#4f8dff!important;box-shadow:0 0 0 4px #4f8dff2e!important;outline:0}
html:not([data-theme="light"]) select option{background:#0b1730;color:#eef4ff}

/* footer */
html:not([data-theme="light"]) .hb-footer{background:#040915!important;border-top:1px solid #8fb4ff24}
html:not([data-theme="light"]) .hb-footer strong{color:#e6eeff}
html:not([data-theme="light"]) .hb-footer a{color:#9fb1cf}
html:not([data-theme="light"]) .hb-footer a:hover{color:#fff}

/* images that are content keep their own light paper */
html:not([data-theme="light"]) .hb-header .hb-brand img,html:not([data-theme="light"]) .hb-footer img[src*="logo"]{background:#fff}

/* status chip, header logout */
html:not([data-theme="light"]) .kc-status{background:#f59e0b1f!important;border:1px solid #f59e0b55;color:#fcd34d!important}
html:not([data-theme="light"]) .hb-header .hb-account-logout{border-radius:99px!important;background:#ffffff10!important;border:1px solid #ffffff2e!important;color:#e6eeff!important;padding:9px 15px!important}
html:not([data-theme="light"]) .hb-header .hb-account-logout:hover{background:#ffffff1f!important}
html:not([data-theme="light"]) .hb-header .hb-account-actions{background:transparent!important;border:0!important;box-shadow:none!important}

/* YouTube play button — white disc, blue triangle, pulsing ring (same motion as the reference site) */
html:not([data-theme="light"]) .hbv-play{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:#fffffff2;border:0;box-shadow:0 0 0 10px #ffffff26,0 12px 40px #00000080;transition:transform .25s;backdrop-filter:none;-webkit-backdrop-filter:none}
html:not([data-theme="light"]) .hbv-play::before{content:"";position:absolute;left:50%;top:50%;width:24px;height:26px;margin:-13px 0 0 -9px;background:#1d4ed8;clip-path:polygon(0 0,100% 50%,0 100%);border-radius:2px}
html:not([data-theme="light"]) .hbv-play::after{content:"";position:absolute;inset:-10px;left:-10px;top:-10px;width:auto;height:auto;border-radius:50%;border:2px solid #ffffff80!important;border-width:2px!important;animation:hbPlayPulse 2s ease-out infinite}
html:not([data-theme="light"]) .hbv-card:hover .hbv-play{transform:scale(1.1);background:#fffffff2;box-shadow:0 0 0 10px #ffffff26,0 12px 40px #00000080}
html:not([data-theme="light"]) .hbv-thumb img{transition:transform .6s}
html:not([data-theme="light"]) .hbv-card:hover .hbv-thumb img{transform:scale(1.03)}
@keyframes hbPlayPulse{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.5);opacity:0}}
@media (prefers-reduced-motion:reduce){html:not([data-theme="light"]) .hbv-play::after{animation:none}}

/* =========================================================================
   Every play / listen button on the site gets the same look as the video play
   button: white disc, blue triangle, soft pulsing ring.
   ========================================================================= */
@keyframes hbDiscPulse{0%{box-shadow:0 0 0 0 #ffffff8c,0 6px 18px #0006}100%{box-shadow:0 0 0 11px #ffffff00,0 6px 18px #0006}}

/* 1) round icon-only buttons (safety signs, work phrases, driving-test words) */
html:not([data-theme="light"]) .ss-play,html:not([data-theme="light"]) .wp-play,html:not([data-theme="light"]) .wp-big-play,html:not([data-theme="light"]) .dt-say{position:relative;background:#fffffff2!important;color:#1d4ed8!important;border:0!important;border-radius:50%!important;box-shadow:0 0 0 6px #ffffff1f,0 8px 24px #0007!important;transition:transform .25s!important}
html:not([data-theme="light"]) .ss-play svg,html:not([data-theme="light"]) .wp-play svg,html:not([data-theme="light"]) .wp-big-play svg{fill:#1d4ed8;color:#1d4ed8;margin-left:3px}
html:not([data-theme="light"]) .ss-play svg path,html:not([data-theme="light"]) .wp-play svg path,html:not([data-theme="light"]) .wp-big-play svg path{fill:#1d4ed8}
html:not([data-theme="light"]) .ss-play::after,html:not([data-theme="light"]) .wp-play::after,html:not([data-theme="light"]) .wp-big-play::after,html:not([data-theme="light"]) .dt-say::after{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid #ffffff80;animation:hbPlayPulse 2s ease-out infinite;pointer-events:none}
html:not([data-theme="light"]) .ss-play:hover,html:not([data-theme="light"]) .wp-play:hover,html:not([data-theme="light"]) .wp-big-play:hover,html:not([data-theme="light"]) .dt-say:hover{transform:scale(1.1)}
html:not([data-theme="light"]) .dt-say{font-size:0!important;width:36px;height:36px;display:inline-grid;place-items:center;vertical-align:middle}
html:not([data-theme="light"]) .dt-say::before{content:"";width:13px;height:14px;margin-left:3px;background:#1d4ed8;clip-path:polygon(0 0,100% 50%,0 100%)}
html:not([data-theme="light"]) .is-playing.ss-play,html:not([data-theme="light"]) .is-playing .ss-play,html:not([data-theme="light"]) .is-playing.wp-play,html:not([data-theme="light"]) .is-playing .wp-play,html:not([data-theme="light"]) .wp-big-play.is-playing{background:#22c55e!important;color:#fff!important}
html:not([data-theme="light"]) .is-playing.ss-play svg path,html:not([data-theme="light"]) .is-playing .ss-play svg path,html:not([data-theme="light"]) .is-playing.wp-play svg path,html:not([data-theme="light"]) .is-playing .wp-play svg path{fill:#fff}

/* 2) labelled listen buttons: blue gradient pill with the white disc in front */
html:not([data-theme="light"]) .hb-fb-track,html:not([data-theme="light"]) .hb-audio-track,html:not([data-theme="light"]) #hb-speak,html:not([data-theme="light"]) [data-hb-voice],html:not([data-theme="light"]) [data-hbn-say],html:not([data-theme="light"]) [data-hb-sample-speak],html:not([data-theme="light"]) .wod-play,html:not([data-theme="light"]) .epsm-play{position:relative;display:inline-flex!important;align-items:center;gap:10px;padding-left:46px!important;padding-right:18px!important;min-height:44px;border-radius:999px!important;border:0!important;background:linear-gradient(135deg,#5aa9ff 0%,#2563eb 55%,#6d28d9 130%)!important;color:#fff!important;font-weight:600;box-shadow:0 8px 24px #2563eb55,inset 0 1px 0 #ffffff40!important;transition:transform .2s,box-shadow .2s!important}
html:not([data-theme="light"]) .hb-fb-track:hover,html:not([data-theme="light"]) .hb-audio-track:hover,html:not([data-theme="light"]) #hb-speak:hover,html:not([data-theme="light"]) [data-hb-voice]:hover,html:not([data-theme="light"]) [data-hbn-say]:hover,html:not([data-theme="light"]) [data-hb-sample-speak]:hover,html:not([data-theme="light"]) .wod-play:hover,html:not([data-theme="light"]) .epsm-play:hover{transform:translateY(-2px);box-shadow:0 12px 32px #2563eb88,inset 0 1px 0 #ffffff40!important}
html:not([data-theme="light"]) .hb-fb-track::before,html:not([data-theme="light"]) .hb-audio-track::before,html:not([data-theme="light"]) #hb-speak::before,html:not([data-theme="light"]) [data-hb-voice]::before,html:not([data-theme="light"]) [data-hbn-say]::before,html:not([data-theme="light"]) [data-hb-sample-speak]::before{content:"";position:absolute;left:9px;top:50%;width:28px;height:28px;margin-top:-14px;border-radius:50%;background:#fffffff2;animation:hbDiscPulse 2s ease-out infinite}
html:not([data-theme="light"]) .hb-fb-track::after,html:not([data-theme="light"]) .hb-audio-track::after,html:not([data-theme="light"]) #hb-speak::after,html:not([data-theme="light"]) [data-hb-voice]::after,html:not([data-theme="light"]) [data-hbn-say]::after,html:not([data-theme="light"]) [data-hb-sample-speak]::after{content:"";position:absolute;left:20px;top:50%;width:10px;height:12px;margin-top:-6px;background:#1d4ed8;clip-path:polygon(0 0,100% 50%,0 100%)}
html:not([data-theme="light"]) .hb-play-ic{display:none}
html:not([data-theme="light"]) .hb-fb-track.on,html:not([data-theme="light"]) .hb-audio-track.on{background:linear-gradient(135deg,#34d399,#059669)!important}
html:not([data-theme="light"]) #hb-speak:disabled,html:not([data-theme="light"]) [data-hb-voice]:disabled{opacity:.5;transform:none}
html:not([data-theme="light"]) #hb-speak:disabled::before,html:not([data-theme="light"]) [data-hb-voice]:disabled::before{animation:none}
/* word of the day and the EPS mock test already carry their own icon: turn it into the disc */
html:not([data-theme="light"]) .wod-play{padding-left:8px!important}
html:not([data-theme="light"]) .wod-play svg{flex:none;width:30px;height:30px;padding:7px 6px 7px 8px;border-radius:50%;background:#fffffff2;color:#1d4ed8;animation:hbDiscPulse 2s ease-out infinite}
html:not([data-theme="light"]) .wod-play svg path{fill:#1d4ed8}
html:not([data-theme="light"]) .epsm-play{padding-left:8px!important}
html:not([data-theme="light"]) .epsm-play .epsm-play-ico{position:relative;flex:none;width:30px!important;height:30px!important;border:0!important;border-radius:50%;background:#fffffff2;animation:hbDiscPulse 2s ease-out infinite}
html:not([data-theme="light"]) .epsm-play .epsm-play-ico::after{content:"";position:absolute;left:11px;top:9px;width:11px;height:12px;background:#1d4ed8;clip-path:polygon(0 0,100% 50%,0 100%)}
html:not([data-theme="light"]) .epsm-play.is-busy .epsm-play-ico::after{left:10px;width:10px;clip-path:none;background:linear-gradient(90deg,#1d4ed8 0 35%,transparent 35% 65%,#1d4ed8 65%)}
html:not([data-theme="light"]) .epsm-play:disabled .epsm-play-ico{animation:none}
@media (prefers-reduced-motion:reduce){html:not([data-theme="light"]) .ss-play::after,html:not([data-theme="light"]) .wp-play::after,html:not([data-theme="light"]) .wp-big-play::after,html:not([data-theme="light"]) .dt-say::after{animation:none}html:not([data-theme="light"]) .wod-play svg,html:not([data-theme="light"]) .epsm-play .epsm-play-ico,html:not([data-theme="light"]) .hb-fb-track::before,html:not([data-theme="light"]) .hb-audio-track::before,html:not([data-theme="light"]) #hb-speak::before,html:not([data-theme="light"]) [data-hb-voice]::before,html:not([data-theme="light"]) [data-hbn-say]::before,html:not([data-theme="light"]) [data-hb-sample-speak]::before{animation:none}}