/**
 * Theme V2 scoped shell (/tarot app expanded). BEM: block `.tc-home-v2`, elements `.tc-home-v2__*`, modifiers `.tc-home-v2--*`.
 */

/* Shell: stesso contratto colore di .tc-exp-widgets / .tc-exp-treasure-widget (tema WP può lasciare h2/p neri). */
.tc-home-v2.tc-home-v2__shell,
#tc-home-v2-root.tc-home-v2.tc-home-v2__shell {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  --fg: #f0ecf8;
  --muted: rgba(200, 210, 235, 0.88);
  color: var(--fg);
}

/*
 * Stacking acima do shimmer/ambient: em flex container, flex items aceitam z-index sem position:relative.
 * Evitar position:relative em *todos* os filhos — quebrava alinhamentos (CTA a esticar, tesouros estreitos com .tc-app * { min-width:0 }).
 */
.tc-home-v2.tc-home-v2__shell > :not(.tc-home-v2__ambient-layer),
#tc-home-v2-root.tc-home-v2.tc-home-v2__shell > :not(.tc-home-v2__ambient-layer) {
  z-index: 1;
}

/*
 * Grelha 2x2 do widget Tesouros: a definição base está em expanded-home.css (.tc-exp-slot-list--grid-2x2).
 * Na shell V2, temas / estilos do content (ex. `ul` em flex-col) podem ganhar especificidade e passar a lista
 * a uma coluna. Reforço só no `ul` com as quatro classes — sem os hacks antigos no card (.tc-exp-widget-card__grid).
 */
#tc-home-v2-root.tc-home-v2.tc-home-v2__shell ul.tc-exp-slot-list.tc-exp-slot-list--widget.tc-exp-slot-list--grid-2x2,
.tc-home-v2.tc-home-v2__shell ul.tc-exp-slot-list.tc-exp-slot-list--widget.tc-exp-slot-list--grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-auto-flow: row;
  justify-items: stretch;
  align-content: start;
  gap: 0.75rem 0.65rem;
  width: 100%;
  max-width: 26rem;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

body.tc-theme-light .tc-home-v2.tc-home-v2__shell {
  --fg: #161723;
  --muted: rgba(76, 83, 102, 0.92);
}

.tc-home-v2__shell .tc-home-v2__section-title,
.tc-home-v2__shell .tc-home-v2__panel h2,
.tc-home-v2__shell .tc-home-v2__panel h3,
.tc-home-v2__shell .tc-home-v2__seo-block h2,
.tc-home-v2__shell .tc-home-v2__seo-block h3,
.tc-home-v2__shell .tc-home-v2__shop > h2 {
  color: var(--fg) !important;
}

.tc-home-v2__shell .tc-home-v2__panel,
.tc-home-v2__shell .tc-home-v2__seo-block,
.tc-home-v2__shell .tc-home-v2__shop {
  color: var(--fg);
}

.tc-home-v2__shell .tc-home-v2__panel p,
.tc-home-v2__shell .tc-home-v2__seo-block p,
.tc-home-v2__shell .tc-home-v2__shop p,
.tc-home-v2__shell .tc-home-v2__pricing-card p {
  color: var(--fg);
}

.tc-home-v2__shell .tc-home-v2__panel .muted,
.tc-home-v2__shell .tc-home-v2__seo-block .muted,
.tc-home-v2__shell .tc-home-v2__shop .muted {
  color: var(--muted) !important;
}

.tc-home-v2__shell .tc-expansion__links li {
  color: var(--fg);
}

.tc-home-v2__shell .tc-expansion__links a {
  color: rgba(186, 218, 255, 0.98);
}

body.tc-theme-light .tc-home-v2__shell .tc-expansion__links a {
  color: #1a4a8c;
}

.tc-home-v2__shell .tc-home-v2__shop .tc-expansion__list li,
.tc-home-v2__shell .tc-home-v2__shop .tc-expansion__list small {
  color: var(--fg);
}

.tc-home-v2__shell .tc-home-v2__shop .tc-expansion__list small.muted {
  color: var(--muted) !important;
}

.tc-home-v2__shell .tc-home-v2__seo-block {
  margin-bottom: 1.25rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  border: 1px solid rgba(120, 120, 160, 0.28);
  background: linear-gradient(180deg, rgba(28, 34, 58, 0.78), rgba(12, 16, 30, 0.92));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

body.tc-theme-light .tc-home-v2__shell .tc-home-v2__seo-block {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(80, 90, 120, 0.22);
  box-shadow: none;
}

.tc-home-v2__shell .tc-home-v2__shop {
  margin-bottom: 1.25rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  border: 1px solid rgba(120, 120, 160, 0.28);
  background: linear-gradient(180deg, rgba(28, 34, 58, 0.78), rgba(12, 16, 30, 0.92));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

body.tc-theme-light .tc-home-v2__shell .tc-home-v2__shop {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(80, 90, 120, 0.22);
  box-shadow: none;
}

/* Coda: shop + slot app_home + journey; rail desktop a destra quando presente */
.tc-home-v2__tail {
  margin-top: 1.25rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgba(120, 120, 160, 0.2);
}

.tc-home-v2__section-title {
  margin: 0 0 0.5rem;
  font-size: clamp(1.05rem, 2.5vw, 1.2rem);
}

.tc-home-v2__panel {
  margin-bottom: 1.25rem;
  padding: 0.85rem 1rem;
  border-radius: 10px;
  border: 1px solid rgba(120, 120, 160, 0.28);
  background: linear-gradient(180deg, rgba(28, 34, 58, 0.78), rgba(12, 16, 30, 0.92));
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.04) inset;
}

body.tc-theme-light .tc-home-v2__panel {
  background: rgba(255, 255, 255, 0.94);
  border-color: rgba(80, 90, 120, 0.22);
  box-shadow: none;
}

.tc-home-v2__pricing-grid {
  display: grid;
  gap: 0.75rem;
}

@media (min-width: 600px) {
  .tc-home-v2__pricing-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.tc-home-v2__pricing-card {
  padding: 0.65rem 0.75rem;
  border-radius: 8px;
  border: 1px solid rgba(130, 150, 220, 0.28);
  font-size: 0.92rem;
  background: rgba(18, 22, 40, 0.75);
  color: rgba(235, 240, 255, 0.96);
}

.tc-home-v2__shell .tc-home-v2__pricing-card h3 {
  color: rgba(245, 248, 255, 0.98) !important;
}

.tc-home-v2__shell .tc-home-v2__pricing-card li {
  color: rgba(228, 234, 255, 0.94);
}

body.tc-theme-light .tc-home-v2__pricing-card {
  background: rgba(248, 249, 252, 0.98);
  color: #161723;
  border-color: rgba(100, 110, 140, 0.25);
}

body.tc-theme-light .tc-home-v2__shell .tc-home-v2__pricing-card h3,
body.tc-theme-light .tc-home-v2__shell .tc-home-v2__pricing-card li {
  color: #161723 !important;
}

.tc-home-v2__pricing-card ul {
  margin: 0.35rem 0 0;
  padding-left: 1.1rem;
}

/* Widgets mode */
.tc-home-v2__header-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.45rem 0.75rem;
  font-size: 0.94rem;
}

.tc-home-v2__hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}

.tc-home-v2__simple-list {
  margin: 0.25rem 0 0;
  padding-left: 1rem;
}

.tc-home-v2__simple-list li {
  margin: 0.25rem 0;
}

.tc-home-v2__jogadas-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}

.tc-home-v2__mini-card {
  padding: 0.55rem 0.6rem;
  border-radius: 8px;
  border: 1px solid rgba(130, 150, 220, 0.26);
  background: rgba(18, 22, 40, 0.7);
}

.tc-home-v2__mini-card a {
  color: rgba(201, 226, 255, 0.98);
  text-decoration: none;
}

body.tc-theme-light .tc-home-v2__mini-card {
  background: rgba(248, 249, 252, 0.98);
  border-color: rgba(100, 110, 140, 0.25);
}

body.tc-theme-light .tc-home-v2__mini-card a {
  color: #1a4a8c;
}

@media (min-width: 782px) {
  .tc-home-v2__tail.tc-home-v2__tail--has-rail {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(140px, 260px);
    gap: 1.25rem;
    align-items: start;
  }

  .tc-home-v2__tail-aside {
    position: sticky;
    top: 0.75rem;
  }
}

/* Mobile — collapse empty AdsMap wrappers visually (AdsMap emits empty wrappers when suppressed / empty inner). */
@media (max-width: 781px) {
  .tc-home-v2 .tc-ad-slot:empty {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* Slots com div vazio ou só nós de texto — :empty não aplica; :not(:has(*)) evita “pílulas” fantasma. */
  .tc-home-v2 .tc-ad-slot:not(:has(*)) {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
  }

  .tc-home-v2 .tc-section.tc-section--ad:has(.tc-ad-slot:empty),
  .tc-home-v2 .tc-section.tc-section--ad:has(.tc-ad-slot:not(:has(*))) {
    display: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  .tc-home-v2 .tc-between-widget-ads--home:empty,
  .tc-home-v2 .tc-between-widget-ads--home:not(:has(*)) {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
}

/* Desktop — benign min-height neutral rail placeholder when markup exists (CLS-friendly; no deceptive “Ads” copy). */
@media (min-width: 782px) {
  .tc-home-v2 .tc-home-v2__ad-rail-placeholder {
    min-height: var(--tc-home-v2-ad-rail-min, 140px);
  }

  .tc-home-v2 .tc-ad-slot:not(:empty) {
    min-height: 1px;
  }
}

/* REST-dependent sections (reserved): skeleton fades when layout stabilizes via existing expansion JS markers. */
.tc-home-v2__skeleton--rest-strip {
  height: 5px;
  max-width: 200px;
  margin: 0 0 0.45rem;
  border-radius: 4px;
  background: rgba(120, 120, 160, 0.28);
}

.tc-home-v2__skeleton {
  opacity: 0.6;
  animation: tc-home-v2-skelpulse 1.2s ease-in-out infinite alternate;
}

.tc-home-v2--rest-ready .tc-home-v2__skeleton {
  display: none;
}

@keyframes tc-home-v2-skelpulse {
  from {
    opacity: 0.45;
  }
  to {
    opacity: 0.85;
  }
}

/* No-ads entitlement: body_class from Bootstrap::filterBodyClassThemeV2Monetization */
body.tc-home-v2--no-ads .tc-home-v2 .tc-home-v2--ad-region,
body.tc-home-v2--no-ads .tc-home-v2 .tc-ad-slot {
  display: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Widget mode: legacy markup inside shell + light premium polish */
.tc-home-v2__widget-wrap {
  margin-bottom: 1.15rem;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  flex: 0 0 auto;
  box-sizing: border-box;
}

.tc-home-v2__widget-wrap--hero .tc-home-hero {
  border-radius: 12px;
  padding-bottom: 0.25rem;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.18);
}

body.tc-theme-light .tc-home-v2__widget-wrap--hero .tc-home-hero {
  box-shadow: 0 8px 28px rgba(20, 30, 60, 0.08);
}

.tc-home-v2__widget-wrap--treasures .tc-exp-treasure-widget {
  border-radius: 12px;
}

/* Treasures (mobile): reserve height to avoid REST/hydration jumps; skeleton overlays until `tc-home-v2--rest-ready`. */
@media (max-width: 781px) {
  .tc-home-v2__widget-wrap--treasures {
    position: relative;
    min-height: var(--tc-home-v2-treasures-minh, 520px);
  }

  .tc-home-v2__widget-wrap--treasures[data-tc-treasures-layout="grid_2x2"] {
    --tc-home-v2-treasures-minh: 520px;
  }

  .tc-home-v2__widget-wrap--treasures[data-tc-treasures-layout="horizontal_premium"] {
    --tc-home-v2-treasures-minh: 460px;
  }

  .tc-home-v2__widget-wrap--treasures[data-tc-treasures-layout="vertical"][data-tc-treasures-count="3"] {
    --tc-home-v2-treasures-minh: 560px;
  }

  .tc-home-v2__widget-wrap--treasures[data-tc-treasures-layout="vertical"][data-tc-treasures-count="5"] {
    --tc-home-v2-treasures-minh: 700px;
  }

  .tc-home-v2__skeleton--treasures {
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: linear-gradient(
      180deg,
      rgba(120, 120, 160, 0.24),
      rgba(120, 120, 160, 0.08)
    );
    z-index: 0;
  }

  /* Keep real content above the overlay skeleton. */
  .tc-home-v2__widget-wrap--treasures > * {
    position: relative;
    z-index: 1;
  }
}

/* Hero CTA (mobile): reserve enough rows to prevent wrap/font/hydration jumps. */
@media (max-width: 781px) {
  .tc-home-v2__widget-wrap--hero .tc-home-cta {
    min-height: 10.5rem;
    align-content: flex-start;
  }

  .tc-home-v2__widget-wrap--hero .tc-home-cta .btn {
    min-height: 44px;
  }
}

/* Jogadas + Mantra (mobile): reserve height + skeleton overlays until `tc-home-v2--rest-ready`. */
@media (max-width: 781px) {
  .tc-home-v2__widget-wrap--jogadas,
  .tc-home-v2__widget-wrap--mantra {
    position: relative;
  }

  .tc-home-v2__widget-wrap--jogadas {
    min-height: 640px;
  }

  .tc-home-v2__widget-wrap--mantra {
    /* Keep reserved space modest; mantra content is short on mobile. */
    min-height: var(--tc-home-v2-mantra-minh, 80px);
  }

  .tc-home-v2__skeleton--jogadas,
  .tc-home-v2__skeleton--mantra {
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: linear-gradient(
      180deg,
      rgba(120, 120, 160, 0.18),
      rgba(120, 120, 160, 0.06)
    );
    z-index: 0;
  }

  .tc-home-v2__widget-wrap--jogadas > *,
  .tc-home-v2__widget-wrap--mantra > * {
    position: relative;
    z-index: 1;
  }
}

/* Missions / Experience / Tail SEO + root container (mobile): reserve height to avoid big hydration jumps. */
@media (max-width: 781px) {
  /* Root guard: prevents “everything jumps in” on slow REST/hydration. */
  #tc-home-v2-root.tc-home-v2__shell {
    min-height: 1200px;
  }

  .tc-home-v2__widget-wrap--missions,
  .tc-home-v2__widget-wrap--experience,
  .tc-home-v2__widget-wrap--tail_seo {
    position: relative;
  }

  .tc-home-v2__widget-wrap--missions {
    min-height: 520px;
  }

  .tc-home-v2__widget-wrap--experience {
    min-height: 520px;
  }

  .tc-home-v2__widget-wrap--tail_seo {
    min-height: 420px;
  }

  .tc-home-v2__skeleton--missions,
  .tc-home-v2__skeleton--experience,
  .tc-home-v2__skeleton--tail-seo {
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: linear-gradient(
      180deg,
      rgba(120, 120, 160, 0.18),
      rgba(120, 120, 160, 0.06)
    );
    z-index: 0;
  }

  .tc-home-v2__widget-wrap--missions > *,
  .tc-home-v2__widget-wrap--experience > *,
  .tc-home-v2__widget-wrap--tail_seo > * {
    position: relative;
    z-index: 1;
  }
}

.tc-app-mini-nav__row {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 0.75rem;
  align-items: center;
  margin: 0;
}

.tc-app-mini-nav__stat {
  font-size: 0.92rem;
  opacity: 0.95;
}

.tc-home-v2__premium-hint {
  margin-top: 0.65rem;
}

/* --- Rhythm: títulos / secções (home expandida na shell V2) --- */
.tc-home-v2__shell .tc-exp-widgets {
  margin-top: 1.15rem;
}

.tc-home-v2__shell .tc-exp-widgets > h2 {
  margin: 0 0 0.55rem;
}

.tc-home-v2__shell .tc-exp-widgets > p.muted {
  margin: 0 0 0.85rem;
}

.tc-home-v2__shell .tc-home-quick__title {
  margin: 1.25rem 0 0.55rem;
}

.tc-home-v2__shell .tc-home-quick__invites {
  margin: 0 0 0.85rem;
}

.tc-home-v2__shell .tc-home-reco__title {
  margin-top: 0.35rem;
}

/* --- Hero: frases rotativas / typewriter — reserva altura para reduzir CLS (header sticky) --- */
.tc-home-v2__shell .tc-hero-phrase-root {
  min-height: clamp(2.75rem, 11vw, 4.25rem);
}

.tc-home-v2__shell .tc-home-phrase.tc-home-phrase--mode-typewriter {
  min-height: 2.65em;
  line-height: 1.35;
}

/* Mobile: typewriter tends to wrap more often; reserve extra rows to prevent micro-CLS. */
@media (max-width: 781px) {
  .tc-home-v2__shell .tc-hero-phrase-root {
    /*
     * Critical: isolate typewriter DOM mutations from affecting outside layout.
     * `contain: layout` prevents reflow from propagating to siblings (CTA/wallet/etc).
     */
    contain: layout paint;
    /*
     * Allow wrapping to the next line (no clipping) while keeping a reserved height
     * to avoid pushing content below when phrases differ.
     */
    min-height: clamp(2.9rem, 11vw, 4.4rem);
  }

  .tc-home-v2__shell .tc-home-phrase.tc-home-phrase--mode-typewriter {
    min-height: 0;
  }
}

/* --- Efeitos ambientais (opcional; controlados em admin) --- */
.tc-home-v2__ambient-layer {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}

/* Efeitos só na faixa do topo: mais densidade à volta do hero, menos trabalho no scroll longo */
.tc-home-v2__shell--ambient-hero-band .tc-home-v2__ambient-layer {
  inset: auto 0 auto 0;
  top: 0;
  height: min(92vh, var(--tc-ambient-hero-band-max, 920px));
  bottom: auto;
}

.tc-home-v2__shell--ambient-hero-band.tc-home-v2__shell--shimmer-on::after {
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  height: min(92vh, var(--tc-ambient-hero-band-max, 920px));
}

.tc-home-v2__shell--ambient-hero-band .tc-home-v2__ambient-canvas {
  opacity: 0.98;
}

.tc-home-v2__ambient-canvas {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0.92;
}

.tc-home-v2__sparkle {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: radial-gradient(circle at 30% 30%, #fff9e6, rgba(255, 200, 120, 0.15) 55%, transparent 70%);
  box-shadow: 0 0 10px rgba(255, 220, 160, 0.55);
  opacity: 0;
  animation-name: tc-home-v2-sparkle-pulse;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body.tc-theme-light .tc-home-v2__sparkle {
  background: radial-gradient(circle at 30% 30%, #fff, rgba(120, 140, 220, 0.35) 55%, transparent 70%);
  box-shadow: 0 0 8px rgba(90, 110, 200, 0.35);
}

@keyframes tc-home-v2-sparkle-pulse {
  from {
    opacity: 0.12;
    transform: scale(0.85);
  }
  to {
    opacity: 0.95;
    transform: scale(1.15);
  }
}

.tc-home-v2__ambient-glyph {
  position: absolute;
  z-index: 1;
  font-size: clamp(13px, 2.1vw, 22px);
  line-height: 1;
  opacity: 0.42;
  color: rgba(232, 214, 255, 0.92);
  text-shadow:
    0 0 10px rgba(180, 120, 255, 0.45),
    0 0 22px rgba(120, 80, 220, 0.25);
  pointer-events: none;
  will-change: transform, opacity;
  animation-name: tc-home-v2-glyph-drift;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

body.tc-theme-light .tc-home-v2__ambient-glyph {
  color: rgba(90, 70, 140, 0.55);
  text-shadow: 0 0 8px rgba(140, 160, 255, 0.35);
}

@keyframes tc-home-v2-glyph-drift {
  0% {
    opacity: 0.28;
    transform: translate3d(0, 0, 0) rotate(-10deg) scale(0.92);
  }
  50% {
    opacity: 0.78;
    transform: translate3d(14px, -22px, 0) rotate(12deg) scale(1.05);
  }
  100% {
    opacity: 0.36;
    transform: translate3d(-10px, 12px, 0) rotate(-6deg) scale(0.96);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tc-home-v2__sparkle {
    animation: none !important;
    opacity: 0.35;
  }

  .tc-home-v2__ambient-glyph {
    animation: none !important;
    opacity: 0.32;
  }
}

.tc-home-v2__shell--shimmer-on {
  --tc-ambient-shimmer-int: 0.22;
}

.tc-home-v2__shell--shimmer-on::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(
    125deg,
    transparent 0%,
    rgba(255, 210, 120, calc(0.04 + var(--tc-ambient-shimmer-int, 0.22) * 0.12)) 42%,
    rgba(186, 140, 255, calc(0.05 + var(--tc-ambient-shimmer-int, 0.22) * 0.1)) 58%,
    transparent 100%
  );
  background-size: 220% 220%;
  animation: tc-home-v2-shimmer-drift 14s ease-in-out infinite alternate;
  opacity: 0.85;
}

body.tc-theme-light .tc-home-v2__shell--shimmer-on::after {
  background: linear-gradient(
    125deg,
    transparent 0%,
    rgba(255, 255, 255, calc(0.12 + var(--tc-ambient-shimmer-int, 0.22) * 0.2)) 45%,
    rgba(200, 215, 255, calc(0.1 + var(--tc-ambient-shimmer-int, 0.22) * 0.15)) 55%,
    transparent 100%
  );
  background-size: 220% 220%;
}

.tc-home-v2__shell--shimmer-static::after {
  animation: none !important;
  background-position: 50% 50%;
}

@keyframes tc-home-v2-shimmer-drift {
  from {
    background-position: 0% 40%;
  }
  to {
    background-position: 100% 60%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tc-home-v2__shell--shimmer-on::after {
    animation: none !important;
  }
}