/* ===================================================================
   LISTENING ADMIN — audio uploader + diagram image + part chrome (ls-*)
   -------------------------------------------------------------------
   The Listening builder mounts in #lsRoot, which carries class="rd-root",
   so it inherits ALL the reading CSS variables (--rd-bg, --rd-card,
   --rd-primary, --rd-line, --rd-muted, --rd-text, --rd-danger, …) and the
   reading builder/card chrome (.rd-builder, .rd-passage, .rd-q-*, .rd-btn).
   This file only adds the NEW listening-specific bits: a premium audio
   drop zone + player, the diagram image uploader, and small part badges —
   all using the same variables so light/dark parity is automatic.
   =================================================================== */

/* ---- List-card meta (parts / audio / questions counts) ---- */
.ls-list-card-meta{
  display:flex; flex-direction:column; gap:4px; margin-top:6px;
}
.ls-list-card-sub{ font-size:14px; color:var(--rd-muted); }
.ls-pub-dot{ font-size:13.5px; font-weight:700; letter-spacing:.2px; }
.ls-pub-dot--live{ color:var(--rd-primary); }
.ls-pub-dot--draft{ color:var(--rd-muted); }

/* ---- Part header audio badge ---- */
.ls-part-audio-badge{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:9px;
  color:var(--rd-primary); background:var(--rd-primary-soft);
  margin-right:4px; transition:transform .15s ease;
}
.ls-part-audio-badge--missing{ color:var(--rd-muted); background:transparent;
  border:1px dashed var(--rd-line-hi); }
.rd-passage-head:hover .ls-part-audio-badge{ transform:scale(1.06); }

/* ===================================================================
   AUDIO UPLOADER
   =================================================================== */
.ls-audio{ display:block; }

/* ---- Empty drop zone (premium) ---- */
.ls-audio--drop{
  position:relative; cursor:pointer; text-align:center;
  padding:30px 22px;
  border:2px dashed var(--rd-line-hi);
  border-radius:16px;
  background:
    radial-gradient(120% 120% at 50% 0%, var(--rd-primary-soft) 0%, transparent 60%),
    var(--rd-card-tint);
  transition:border-color .18s ease, background .18s ease, transform .18s ease, box-shadow .18s ease;
  overflow:hidden;
}
.ls-audio--drop::before{
  /* soft animated accent sweep on hover */
  content:''; position:absolute; inset:0;
  background:linear-gradient(110deg, transparent 30%, var(--rd-primary-ring) 50%, transparent 70%);
  transform:translateX(-120%); opacity:0;
  transition:opacity .2s ease;
  pointer-events:none;
}
.ls-audio--drop:hover{
  border-color:var(--rd-primary);
  transform:translateY(-1px);
  box-shadow:0 8px 26px -14px var(--rd-primary-ring);
}
.ls-audio--drop:hover::before{ opacity:1; animation:lsSweep 1.1s ease forwards; }
.ls-audio--drop.drag{
  border-color:var(--rd-primary);
  border-style:solid;
  background:
    radial-gradient(120% 120% at 50% 0%, var(--rd-primary-soft) 0%, transparent 70%),
    var(--rd-primary-soft);
  box-shadow:0 0 0 4px var(--rd-primary-ring);
  transform:scale(1.005);
}
@keyframes lsSweep{
  from{ transform:translateX(-120%); }
  to{   transform:translateX(120%); }
}

.ls-audio-drop-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:58px; height:58px; margin:0 auto 12px;
  border-radius:50%;
  color:#fff;
  background:linear-gradient(135deg, var(--rd-primary), var(--rd-primary-hi));
  box-shadow:0 10px 24px -10px var(--rd-primary-ring);
  transition:transform .2s ease;
}
.ls-audio--drop:hover .ls-audio-drop-ico{ transform:translateY(-2px) scale(1.04); }
.ls-audio-drop-title{ font-size:17px; font-weight:700; color:var(--rd-text); }
.ls-audio-drop-sub{ font-size:15px; color:var(--rd-muted); margin-top:3px; }
.ls-audio-drop-hint{ font-size:13.5px; color:var(--rd-muted); margin-top:10px; opacity:.85; }

/* ---- Uploading state ---- */
.ls-audio--uploading{
  padding:18px 18px;
  border:1px solid var(--rd-line);
  border-radius:14px;
  background:var(--rd-card-tint);
}
.ls-audio-up-row{ display:flex; align-items:center; gap:14px; }
.ls-audio-up-ico{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:10px;
  color:var(--rd-primary); background:var(--rd-primary-soft);
  animation:lsPulse 1.1s ease-in-out infinite;
}
@keyframes lsPulse{ 0%,100%{ opacity:.6; } 50%{ opacity:1; } }
.ls-audio-up-body{ flex:1 1 auto; min-width:0; }
.ls-audio-up-name{
  font-size:15px; font-weight:600; color:var(--rd-text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:8px;
}
.ls-audio-up-pct{ flex:0 0 auto; font-size:15px; font-weight:700; color:var(--rd-primary);
  font-variant-numeric:tabular-nums; }

/* progress bar (shared by audio + image) */
.ls-audio-bar{
  position:relative; height:8px; border-radius:99px;
  background:var(--rd-line); overflow:hidden;
}
.ls-audio-bar-fill{
  position:absolute; inset:0 auto 0 0; width:0%;
  border-radius:99px;
  background:linear-gradient(90deg, var(--rd-primary), var(--rd-primary-hi));
  transition:width .18s ease;
}
.ls-audio-bar-fill::after{
  /* moving sheen so even a stalled upload feels alive */
  content:''; position:absolute; inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.45), transparent);
  transform:translateX(-100%);
  animation:lsShimmer 1.2s linear infinite;
}
@keyframes lsShimmer{ to{ transform:translateX(100%); } }

/* ---- Ready player ---- */
.ls-audio--ready{
  padding:16px 16px 14px;
  border:1px solid var(--rd-line);
  border-radius:14px;
  background:
    linear-gradient(180deg, var(--rd-primary-soft) 0%, transparent 38%),
    var(--rd-card);
  box-shadow:0 1px 0 var(--rd-line) inset;
}
.ls-audio-player-top{ display:flex; align-items:center; gap:9px; margin-bottom:10px; }
.ls-audio-file-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:34px; height:34px; border-radius:8px;
  color:var(--rd-primary); background:var(--rd-primary-soft);
}
.ls-audio-file-name{
  font-size:15.5px; font-weight:600; color:var(--rd-text);
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ls-audio-el{
  width:100%; height:44px; display:block; margin:0 0 12px;
  border-radius:10px;
}
/* Tint the native control in dark mode so it doesn't glare. */
body.dark .ls-audio-el, .dark .ls-audio-el{ filter:invert(.92) hue-rotate(180deg); }
.ls-audio-actions{ display:flex; gap:8px; flex-wrap:wrap; }
.ls-audio-replace{ position:relative; overflow:hidden; cursor:pointer; }
.ls-audio-replace input{ position:absolute; inset:0; opacity:0; cursor:pointer; }

/* Reuse rd-btn-danger styling if reading defines it; provide a fallback so
   the Remove button reads as destructive even if that modifier is absent. */
.rd-btn.rd-btn-danger{
  color:var(--rd-danger);
  border-color:var(--rd-danger-soft);
  background:var(--rd-danger-soft);
}
.rd-btn.rd-btn-danger:hover{ box-shadow:0 0 0 3px var(--rd-danger-ring); }

/* ===================================================================
   DIAGRAM IMAGE UPLOADER (the 9th type)
   =================================================================== */
.ls-img{ display:block; }
.ls-img--drop{
  position:relative; cursor:pointer; text-align:center;
  padding:26px 20px;
  border:2px dashed var(--rd-line-hi);
  border-radius:14px;
  background:var(--rd-card-tint);
  transition:border-color .18s ease, background .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ls-img--drop:hover{
  border-color:var(--rd-primary);
  transform:translateY(-1px);
  box-shadow:0 8px 24px -16px var(--rd-primary-ring);
}
.ls-img--drop.drag{
  border-color:var(--rd-primary); border-style:solid;
  background:var(--rd-primary-soft);
  box-shadow:0 0 0 4px var(--rd-primary-ring);
}
.ls-img--uploading{
  padding:18px; border:1px solid var(--rd-line);
  border-radius:12px; background:var(--rd-card-tint);
}
.ls-img-up-label{ font-size:14.5px; color:var(--rd-muted); margin-top:8px; text-align:center; }
.ls-img--ready{
  border:1px solid var(--rd-line); border-radius:14px;
  padding:12px; background:var(--rd-card);
}
.ls-img-preview{
  display:block; width:100%; max-height:280px; object-fit:contain;
  border-radius:10px; background:var(--rd-card-tint);
  border:1px solid var(--rd-line);
}
.ls-img-actions{ display:flex; gap:8px; flex-wrap:wrap; margin-top:10px; }
.ls-img-actions label{ position:relative; overflow:hidden; cursor:pointer; }
.ls-img-actions label input{ position:absolute; inset:0; opacity:0; cursor:pointer; }

/* Preview-column diagram image (admin live preview) */
.ls-pv-img{ margin:0 0 10px; }
.ls-pv-img img{
  display:block; width:100%; max-height:220px; object-fit:contain;
  border-radius:10px; border:1px solid var(--rd-line); background:var(--rd-card-tint);
}

/* ===================================================================
   AUDIO SETUP — mode toggle (single full recording vs per-part) + the
   test-level uploader. Sits at the top of the builder, above the parts.
   =================================================================== */
.ls-audio-setup{
  margin:0 0 20px;
  padding:18px 18px 20px;
  border:1px solid var(--rd-line);
  border-radius:16px;
  background:
    radial-gradient(140% 120% at 0% 0%, var(--rd-primary-soft) 0%, transparent 42%),
    var(--rd-card);
  box-shadow:0 6px 22px -18px var(--rd-primary-ring);
}
.ls-audio-setup-head{ display:flex; align-items:center; gap:12px; margin-bottom:14px; }
.ls-audio-setup-ico{
  display:inline-flex; align-items:center; justify-content:center;
  width:42px; height:42px; border-radius:11px; flex:0 0 auto;
  color:var(--rd-primary); background:var(--rd-primary-soft);
}
.ls-audio-setup-title{ font-size:17px; font-weight:800; color:var(--rd-text); letter-spacing:.2px; }
.ls-audio-setup-sub{ font-size:14.5px; color:var(--rd-muted); margin-top:2px; }

/* Segmented two-up toggle */
.ls-seg{
  display:grid; grid-template-columns:1fr 1fr; gap:10px;
}
.ls-seg-btn{
  display:flex; flex-direction:column; gap:3px; text-align:left;
  padding:13px 15px; cursor:pointer;
  border:1.5px solid var(--rd-line-hi); border-radius:13px;
  background:var(--rd-card-tint); color:var(--rd-text);
  transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.ls-seg-btn:hover{ border-color:var(--rd-primary); transform:translateY(-1px); }
.ls-seg-btn.active{
  border-color:var(--rd-primary);
  background:
    radial-gradient(120% 130% at 0% 0%, var(--rd-primary-soft) 0%, transparent 70%),
    var(--rd-card-tint);
  box-shadow:0 0 0 3px var(--rd-primary-ring);
}
.ls-seg-btn-t{ font-size:15.5px; font-weight:750; }
.ls-seg-btn.active .ls-seg-btn-t{ color:var(--rd-primary); }
.ls-seg-btn-d{ font-size:13.5px; color:var(--rd-muted); line-height:1.35; }

/* Test-level uploader wrapper (single mode) */
.ls-test-audio-wrap{ margin-top:16px; }
.ls-test-audio-wrap .rd-label{ display:block; margin-bottom:8px; }
.ls-audio-setup-hint{
  margin-top:14px; font-size:14.5px; color:var(--rd-muted);
  padding:11px 13px; border-radius:11px;
  border:1px dashed var(--rd-line-hi); background:var(--rd-card-tint);
}

@media (max-width:640px){
  .ls-seg{ grid-template-columns:1fr; }
}

/* ===================================================================
   HTML IMPORT MODAL (broadcast) — upload one self-contained .html file
   =================================================================== */
.ls-imp-overlay{
  position:fixed; inset:0; z-index:1200;
  display:flex; align-items:center; justify-content:center; padding:24px;
  background:rgba(8,12,18,.55); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px);
  animation:lsImpFade .15s ease;
}
@keyframes lsImpFade{ from{opacity:0;} to{opacity:1;} }
.ls-imp-modal{
  width:min(560px,100%); max-height:90vh; overflow:auto;
  background:var(--rd-card); color:var(--rd-text);
  border:1px solid var(--rd-line); border-radius:18px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.5);
  animation:lsImpPop .18s cubic-bezier(.2,.9,.3,1.2);
}
@keyframes lsImpPop{ from{opacity:0; transform:translateY(8px) scale(.98);} to{opacity:1; transform:none;} }
.ls-imp-head{ display:flex; align-items:center; justify-content:space-between; padding:18px 20px 13px; border-bottom:1px solid var(--rd-line); }
.ls-imp-title{ font-size:19px; font-weight:800; letter-spacing:.2px; }
.ls-imp-bodywrap{ padding:18px 20px; }
.ls-imp-lead{ font-size:15px; color:var(--rd-muted); line-height:1.55; margin:0 0 16px; }
.ls-imp-drop{
  position:relative; display:block; cursor:pointer; text-align:center; padding:30px 22px;
  border:2px dashed var(--rd-line-hi); border-radius:14px; background:var(--rd-card-tint);
  transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.ls-imp-drop:hover{ border-color:var(--rd-primary); transform:translateY(-1px); box-shadow:0 8px 26px -14px var(--rd-primary-ring); }
.ls-imp-drop.drag{ border-color:var(--rd-primary); border-style:solid; background:var(--rd-primary-soft); box-shadow:0 0 0 4px var(--rd-primary-ring); }
.ls-imp-file{
  display:flex; align-items:center; gap:13px; padding:14px 16px;
  border:1px solid var(--rd-line-hi); border-radius:13px; background:var(--rd-card-tint);
}
.ls-imp-file-ico{ display:inline-flex; width:42px; height:42px; align-items:center; justify-content:center; border-radius:10px; color:var(--rd-primary); background:var(--rd-primary-soft); flex:0 0 auto; }
.ls-imp-file-body{ flex:1 1 auto; min-width:0; }
.ls-imp-file-name{ font-weight:700; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ls-imp-file-meta{ font-size:14px; color:var(--rd-muted); margin-top:2px; }
.ls-imp-foot{ display:flex; justify-content:flex-end; gap:10px; padding:14px 20px 18px; border-top:1px solid var(--rd-line); }

/* Respect reduced-motion preferences. */
@media (prefers-reduced-motion: reduce){
  .ls-audio--drop, .ls-audio--drop:hover, .ls-img--drop, .ls-img--drop:hover,
  .ls-audio-drop-ico, .ls-part-audio-badge,
  .ls-seg-btn, .ls-seg-btn:hover,
  .ls-imp-drop, .ls-imp-drop:hover{ transition:none; transform:none; }
  .ls-audio--drop:hover::before, .ls-audio-bar-fill::after,
  .ls-audio-up-ico, .ls-imp-overlay, .ls-imp-modal{ animation:none; }
}

/* ===================================================================
   BROADCAST BUILDER — premium, animated polish (scoped to #lsRoot so
   Reading is untouched). Publish + Free/Premium controls, the raw
   banner, the file card and the Play-test CTA.
   =================================================================== */

/* Head-row control clusters: tidy, vertically centered, wraps gracefully. */
#lsRoot .rd-builder-head-row{ gap:14px 16px; align-items:center; }
#lsRoot .ls-pub-ctl, #lsRoot .ls-tier-ctl{ display:inline-flex; align-items:center; gap:10px; }

/* Status chips ----------------------------------------------------- */
#lsRoot .rd-publish-status, #lsRoot .rd-tier-status{
  display:inline-flex; align-items:center; gap:6px;
  font-size:14px; font-weight:800; letter-spacing:.3px;
  padding:7px 13px; border-radius:999px; white-space:nowrap;
  border:1px solid var(--rd-line); background:var(--rd-card-tint);
  transition:background .2s ease, color .2s ease, border-color .2s ease;
}
#lsRoot .rd-publish-status--live{ color:var(--rd-primary); background:var(--rd-primary-soft); border-color:transparent; }
#lsRoot .rd-publish-status--draft{ color:var(--rd-muted); }
#lsRoot .rd-tier-status--free{ color:var(--rd-muted); }
#lsRoot .rd-tier-status--premium{
  color:#8a5a00; border-color:rgba(217,160,40,.55);
  background:linear-gradient(135deg, rgba(251,191,36,.30), rgba(245,158,11,.18));
}
[data-theme="dark"] #lsRoot .rd-tier-status--premium{ color:#ffd778; }
#lsRoot .ls-ico-crown{ filter:drop-shadow(0 1px 1px rgba(180,120,0,.35)); }

/* Shared button smoothness (scoped) -------------------------------- */
#lsRoot .ls-pub-btn, #lsRoot .ls-prem-btn, #lsRoot .ls-play-btn, #lsRoot .ls-open-btn{
  position:relative; overflow:hidden;
  display:inline-flex; align-items:center; gap:8px;
  transition:transform .18s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
#lsRoot .ls-pub-btn:active, #lsRoot .ls-prem-btn:active,
#lsRoot .ls-play-btn:active, #lsRoot .ls-open-btn:active{ transform:translateY(0) scale(.97); }

/* Publish: teal-gradient CTA when "Publish", calm ghost when "Unpublish". */
#lsRoot .ls-pub-btn.rd-btn-primary{
  background:linear-gradient(135deg, var(--rd-primary), #0a7f63);
  border-color:transparent; color:#fff;
  box-shadow:0 6px 18px -8px var(--rd-primary-ring);
}
#lsRoot .ls-pub-btn.rd-btn-primary:hover{ transform:translateY(-2px); box-shadow:0 13px 28px -10px var(--rd-primary-ring); }
#lsRoot .ls-pub-btn.rd-btn-ghost:hover{ transform:translateY(-1px); border-color:var(--rd-primary); color:var(--rd-primary); }

/* PREMIUM CTA — the star: gold gradient, crown, hover shimmer, gentle idle glow. */
#lsRoot .ls-prem-btn:not(.is-premium){
  color:#3a2600; border:1px solid transparent; font-weight:800;
  background:linear-gradient(135deg,#fde68a 0%,#fbbf24 46%,#f59e0b 100%);
  box-shadow:0 6px 18px -9px rgba(245,158,11,.75), inset 0 1px 0 rgba(255,255,255,.45);
  animation:lsPremGlow 3.8s ease-in-out infinite;
}
#lsRoot .ls-prem-btn:not(.is-premium) .ls-ico-crown{ color:#7a4e00; }
#lsRoot .ls-prem-btn:not(.is-premium):hover{
  transform:translateY(-2px);
  box-shadow:0 15px 32px -10px rgba(245,158,11,.9), inset 0 1px 0 rgba(255,255,255,.55);
}
#lsRoot .ls-prem-btn:not(.is-premium)::after{
  content:''; position:absolute; top:0; left:-130%; width:60%; height:100%;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.8), transparent);
  transform:skewX(-18deg); pointer-events:none;
}
#lsRoot .ls-prem-btn:not(.is-premium):hover::after{ animation:lsShimmer .9s ease; }
@keyframes lsShimmer{ from{left:-130%;} to{left:150%;} }
@keyframes lsPremGlow{
  0%,100%{ box-shadow:0 6px 18px -9px rgba(245,158,11,.70), inset 0 1px 0 rgba(255,255,255,.45); }
  50%{     box-shadow:0 9px 24px -9px rgba(245,158,11,.95), inset 0 1px 0 rgba(255,255,255,.55); }
}
/* "Make Free" (already premium): calm ghost that warns on hover. */
#lsRoot .ls-prem-btn.is-premium{ background:var(--rd-card-tint); border:1px solid var(--rd-line-hi); color:var(--rd-muted); }
#lsRoot .ls-prem-btn.is-premium:hover{ transform:translateY(-1px); border-color:var(--rd-danger,#e5484d); color:var(--rd-danger,#e5484d); }

/* RAW broadcast banner — gradient surface + gradient icon chip. */
#lsRoot .ls-raw-banner{
  display:flex; align-items:flex-start; gap:14px; border-radius:16px; padding:16px 18px;
  border:1px solid rgba(17,163,127,.30);
  background:radial-gradient(130% 140% at 0% 0%, var(--rd-primary-soft) 0%, transparent 58%), var(--rd-card);
}
#lsRoot .ls-raw-banner-ico{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:11px; color:#fff;
  background:linear-gradient(135deg, var(--rd-primary), #0a7f63);
  box-shadow:0 6px 16px -8px var(--rd-primary-ring);
}
#lsRoot .rd-raw-banner-title{ color:var(--rd-primary); font-weight:800; font-size:16.5px; margin-bottom:3px; }
#lsRoot .rd-raw-banner-body{ color:var(--rd-muted); font-size:15px; line-height:1.55; }

/* FILE card — hover lift, gradient wave-icon, smooth Open-file button. */
#lsRoot .ls-raw-card{
  display:flex; align-items:center; gap:14px; border-radius:14px; padding:14px 16px;
  border:1px solid var(--rd-line); background:var(--rd-card);
  transition:transform .2s cubic-bezier(.2,.8,.2,1), box-shadow .22s ease, border-color .2s ease;
}
#lsRoot .ls-raw-card:hover{ transform:translateY(-2px); border-color:rgba(17,163,127,.40); box-shadow:0 16px 32px -18px rgba(0,0,0,.4); }
#lsRoot .ls-raw-card-ico{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  width:46px; height:46px; border-radius:12px; color:#fff;
  background:linear-gradient(135deg, var(--rd-primary), #0a7f63);
  box-shadow:0 6px 16px -8px var(--rd-primary-ring);
}
#lsRoot .ls-raw-card:hover .ls-raw-card-ico{ animation:lsWave .8s ease; }
@keyframes lsWave{ 0%,100%{transform:scale(1) rotate(0);} 40%{transform:scale(1.12) rotate(-5deg);} }
#lsRoot .ls-raw-card-title{ font-weight:750; font-size:17px; }
#lsRoot .ls-raw-card-meta{ font-size:14.5px; color:var(--rd-muted); margin-top:2px; }
#lsRoot .ls-open-btn:hover{ transform:translateY(-1px); border-color:var(--rd-primary); color:var(--rd-primary); }

/* PLAY TEST — prominent gradient CTA with a nudging play glyph. */
#lsRoot .ls-play-btn{
  background:linear-gradient(135deg, var(--rd-primary), #0a7f63);
  border-color:transparent; color:#fff; font-weight:800;
  padding:11px 22px; border-radius:12px;
  box-shadow:0 8px 22px -10px var(--rd-primary-ring);
}
#lsRoot .ls-play-btn:hover{ transform:translateY(-2px); box-shadow:0 17px 34px -12px var(--rd-primary-ring); }
#lsRoot .ls-play-btn svg{ transition:transform .18s ease; }
#lsRoot .ls-play-btn:hover svg{ transform:scale(1.18); }

@media (prefers-reduced-motion: reduce){
  #lsRoot .ls-prem-btn:not(.is-premium){ animation:none !important; }
  #lsRoot .ls-prem-btn, #lsRoot .ls-pub-btn, #lsRoot .ls-play-btn,
  #lsRoot .ls-raw-card, #lsRoot .ls-raw-card-ico, #lsRoot .ls-open-btn{ transition:none !important; transform:none !important; }
  #lsRoot .ls-prem-btn:not(.is-premium):hover::after, #lsRoot .ls-raw-card:hover .ls-raw-card-ico{ animation:none !important; }
}