/* VXG action bar - video page only */
html .vxg-action-bar{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  flex-wrap:nowrap;
  min-width:0;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  font-family:inherit;
}
html .vxg-action-cluster{
  display:inline-flex;
  align-items:center;
  gap:0;
  min-width:0;
  padding:0;
  border:0;
  background:transparent;
}
html .vxg-action-rating{
  height:48px;
  padding:0;
  border:1px solid var(--border);
  border-radius:9999px;
  background:var(--surface);
}
html .vxg-action-main{gap:8px;margin-left:auto}
html .vxg-action-btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  flex:0 0 auto;
  min-height:48px;
  width:48px;
  padding:0;
  border:1px solid var(--border);
  border-radius:9999px;
  background:var(--surface);
  color:var(--muted-foreground);
  font:inherit;
  font-size:13px;
  font-weight:700;
  line-height:1;
  cursor:pointer;
  text-decoration:none;
  transition:background .16s,border-color .16s,color .16s,box-shadow .16s,transform .16s;
  -webkit-tap-highlight-color:transparent;
}
html .vxg-action-btn--icon{
  width:48px;
  padding:0;
  border-radius:9999px;
}
html .vxg-action-btn--vote{
  width:auto;
  min-width:72px;
  min-height:46px;
  height:46px;
  padding:0 18px;
  border:0;
  border-radius:0;
  background:transparent;
}
html .vxg-action-rating .rate-like{border-radius:9999px 0 0 9999px}
html .vxg-action-rating .rate-dislike{margin-left:0;border-left:1px solid var(--border);border-radius:0 9999px 9999px 0}
html .vxg-action-btn:disabled,
html .vxg-action-btn[aria-disabled="true"]:not(.is-vote-locked){
  cursor:not-allowed;
  opacity:.45;
}
html .vxg-action-btn.is-vote-locked{cursor:default}
html .vxg-action-btn:focus-visible,
html .vxg-action-menu a:focus-visible,
html .vxg-action-menu button:focus-visible,
html .vxg-action-menu input:focus-visible,
html .vxg-action-menu textarea:focus-visible,
html .vxg-action-menu summary:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(230,0,46,.45);
  box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 45%,transparent);
}
html .vxg-action-btn:active:not(:disabled){transform:translateY(1px)}
html .vxg-action-ic{
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  color:var(--muted-foreground);
  transition:color .16s,transform .16s,fill .16s;
}
html .vxg-action-btn.is-active,
html .vxg-action-btn.is-saved{
  background:rgba(230,0,46,.12);
  background:color-mix(in oklab,var(--primary) 14%,transparent);
  border-color:rgba(230,0,46,.42);
  border-color:color-mix(in oklab,var(--primary) 50%,transparent);
  box-shadow:none;
}
html .vxg-action-btn.is-active .vxg-action-ic,
html .vxg-action-btn.is-saved .vxg-action-ic{color:var(--primary-glow)}
html .vxg-action-rating .rate-like.is-active{
  background:rgba(230,0,46,.12);
  background:color-mix(in oklab,var(--primary) 14%,transparent);
  color:var(--primary-glow);
  box-shadow:none;
}
html .vxg-action-rating .rate-like.is-active .vxg-action-ic,
html .vxg-action-rating .rate-like.is-active .vxg-action-count{color:var(--primary-glow)}
html .vxg-action-rating .rate-dislike.is-active{
  border-left-color:var(--border);
  background:rgba(230,0,46,.10);
  background:color-mix(in oklab,var(--primary) 11%,transparent);
  color:var(--primary-glow);
  box-shadow:none;
}
html .vxg-action-count{
  min-width:1ch;
  color:#9b9799;
  color:color-mix(in oklab,var(--muted-foreground) 88%,transparent);
  font-size:12px;
  font-weight:500;
  text-align:center;
  font-variant-numeric:tabular-nums;
}
html .vxg-action-label{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@media (min-width:1024px){
  html .vxg-action-rating{border-radius:12px}
  html .vxg-action-rating .rate-like{border-radius:11px 0 0 11px}
  html .vxg-action-rating .rate-dislike{border-radius:0 11px 11px 0}
  html .vxg-action-bar,
  html .vxg-action-main{gap:10px}
}
html .vxg-action-btn.is-overflowed{display:none!important}
html .vxg-action-overflow[hidden]{display:none!important}
html .vxg-action-overflow:not([hidden]){
  display:block;
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:1px solid var(--border);
}
html .vxg-action-bar .voters{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
html .vxg-action-bar .scale{display:none!important}

html .vxg-action-menu{
  position:absolute;
  top:calc(100% + 10px);
  right:0;
  z-index:160;
  width:min(360px,calc(100vw - 28px));
  max-height:min(74vh,620px);
  overflow:auto;
  padding:8px;
  border:1px solid var(--border);
  border-radius:16px;
  background:var(--popover,var(--surface-elevated));
  box-shadow:var(--shadow-elevated);
  color:var(--foreground);
}
html .vxg-action-menu[hidden],
html .vxg-action-menu-row[hidden],
html .vxg-action-scrim[hidden],
html .vxg-action-create[hidden]{display:none!important}
html .vxg-not-interested-hidden{display:none!important}
html .vxg-action-sheet-head{
  display:none;
  align-items:center;
  justify-content:center;
  min-height:26px;
  margin-bottom:4px;
  color:var(--foreground);
  font-size:14px;
  font-weight:800;
}
html .vxg-action-sheet-head>span{
  position:absolute;
  top:10px;
  left:50%;
  width:42px;
  height:4px;
  border-radius:9999px;
  background:var(--border);
  transform:translateX(-50%);
}
html .vxg-action-sheet-close{display:none}
html .vxg-action-menu-row{
  display:flex;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:42px;
  padding:10px 11px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--foreground);
  font:inherit;
  font-size:13.5px;
  font-weight:650;
  line-height:1.2;
  text-align:left;
  text-decoration:none;
  cursor:pointer;
}
html .vxg-action-menu-row.is-selected{
  color:var(--primary-glow);
  background:rgba(230,0,46,.10);
  background:color-mix(in oklab,var(--primary) 12%,transparent);
}
html .vxg-action-row-ic,
html .vxg-action-check svg,
html .vxg-action-copy svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
html .vxg-action-check{
  display:inline-grid;
  place-items:center;
  width:20px;
  height:20px;
  flex:0 0 auto;
  border:1.5px solid rgba(255,255,255,.32);
  border-color:oklch(1 0 0/32%);
  border-radius:9999px;
  color:var(--primary-glow);
}
/* état coché : cercle plein primaire, coche blanche */
html .vxg-action-menu-row.is-selected .vxg-action-check{
  background:var(--primary);
  border-color:var(--primary);
  color:#fff;
}
/* rangée « Nouvelle playlist » : cercle + assorti au style pointillé */
html .vxg-action-menu-row.is-primary .vxg-action-check{
  border-color:rgba(230,0,46,.50);
  border-color:color-mix(in oklab,var(--primary) 55%,transparent);
  color:var(--primary-glow);
}
html .vxg-action-save-list{
  display:block;
  margin:0;
  padding:0;
  list-style:none;
}
html .vxg-action-save-list li{margin:0;padding:0}
html .vxg-action-save-list li.hidden{display:none!important}
html .vxg-action-save-menu{
  width:min(390px,calc(100vw - 28px));
}
html .vxg-action-save-list .vxg-action-menu-row{
  min-height:54px;
  margin:2px 0;
  padding:11px 12px;
  align-items:flex-start;
}
html .vxg-action-save-list .vxg-action-menu-row.is-primary{
  border:1px dashed rgba(230,0,46,.42);
  border:1px dashed color-mix(in oklab,var(--primary) 45%,transparent);
  background:rgba(230,0,46,.09);
  background:color-mix(in oklab,var(--primary) 10%,transparent);
}
html .vxg-action-section-title{
  display:flex;
  align-items:center;
  gap:8px;
  margin:10px 4px 5px!important;
  color:var(--muted-foreground);
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.04em;
  text-transform:uppercase;
}
html .vxg-action-section-title:first-child{margin-top:2px!important}
html .vxg-action-section-title::after{
  content:"";
  height:1px;
  flex:1 1 auto;
  background:var(--border);
}
html .vxg-action-row-text{
  display:grid;
  gap:3px;
  min-width:0;
}
html .vxg-action-row-text strong{
  overflow:hidden;
  color:var(--foreground);
  font-size:13.5px;
  font-weight:800;
  line-height:1.15;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html .vxg-action-row-text small{
  overflow:hidden;
  color:var(--muted-foreground);
  font-size:11.5px;
  font-weight:600;
  line-height:1.2;
  text-overflow:ellipsis;
  white-space:nowrap;
}
html .vxg-action-menu-row.is-selected .vxg-action-row-text strong{color:var(--primary-glow)}
html .vxg-action-menu-row.is-selected .vxg-action-row-text small{
  color:var(--muted-foreground);
  color:color-mix(in oklab,var(--primary-glow) 72%,var(--muted-foreground));
}
html .vxg-action-empty-item{
  margin:4px!important;
  padding:10px 11px!important;
  border:1px solid var(--border);
  border-radius:10px;
  color:var(--muted-foreground);
  background:rgba(255,255,255,.04);
  background:color-mix(in oklab,var(--foreground) 4%,transparent);
  font-size:12px;
  font-weight:650;
  line-height:1.35;
}
html .vxg-action-separator{
  height:1px;
  margin:6px 4px!important;
  background:var(--border);
}
html .vxg-action-empty{
  margin:6px;
  color:var(--muted-foreground);
  font-size:13px;
  line-height:1.4;
}
html .vxg-action-field{
  display:grid;
  gap:7px;
  margin:6px 4px 10px;
  color:var(--muted-foreground);
  font-size:12px;
  font-weight:700;
}
html .vxg-action-field input,
html .vxg-action-field textarea{
  width:100%;
  min-width:0;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--surface);
  color:var(--foreground);
  font:inherit;
  font-size:13px;
  font-weight:500;
}
html .vxg-action-field input{height:40px;padding:0 11px}
html .vxg-action-field textarea{padding:10px 11px;resize:vertical}
html .vxg-action-copy,
html .vxg-action-submit{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:calc(100% - 8px);
  min-height:44px;
  margin:0 4px 8px;
  border:1px solid rgba(230,0,46,.42);
  border-color:color-mix(in oklab,var(--primary) 45%,transparent);
  border-radius:9999px;
  background:rgba(230,0,46,.14);
  background:color-mix(in oklab,var(--primary) 16%,transparent);
  color:var(--primary-glow);
  font:inherit;
  font-size:13px;
  font-weight:800;
  cursor:pointer;
}
html .vxg-action-share-links{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:0 4px 8px;
}
html .vxg-action-share-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  border:1px solid var(--border);
  border-radius:9999px;
  background:var(--surface);
  color:var(--foreground);
  font-size:12px;
  font-weight:800;
  text-decoration:none;
}
html .vxg-action-details{
  margin:4px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,.04);
  background:color-mix(in oklab,var(--foreground) 4%,transparent);
}
html .vxg-action-details>summary{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 11px;
  color:var(--foreground);
  font-size:13.5px;
  font-weight:750;
  cursor:pointer;
  list-style:none;
}
html .vxg-action-details>summary::-webkit-details-marker{display:none}
html .vxg-action-details input.embed-code{
  width:calc(100% - 16px);
  height:40px;
  margin:0 8px 8px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:10px;
  background:var(--surface);
  color:var(--foreground);
  font:inherit;
  font-size:12px;
}
html .vxg-action-embed-sizes{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:0 8px 10px;
}
html .vxg-action-embed-sizes a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid var(--border);
  border-radius:9999px;
  color:var(--muted-foreground);
  font-size:11px;
  font-weight:800;
  text-decoration:none;
}
html .vxg-action-privacy{
  display:flex;
  gap:6px;
  margin:0 4px 10px;
}
html .vxg-action-privacy label{
  flex:1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  border:1px solid var(--border);
  border-radius:9999px;
  color:var(--muted-foreground);
  font-size:12px;
  font-weight:750;
  cursor:pointer;
  user-select:none;
  transition:border-color .15s ease,background .15s ease,color .15s ease;
}
html .vxg-action-privacy input{accent-color:var(--primary)}
/* état sélectionné visible (le point radio natif seul est illisible sur fond sombre) */
html .vxg-action-privacy label:has(input:checked){
  border-color:var(--primary);
  background:rgba(230,0,46,.10);
  background:color-mix(in oklab,var(--primary) 12%,transparent);
  color:var(--primary-glow);
}
html .vxg-action-privacy label:has(input:focus-visible),
html .vxg-action-radio:has(input:focus-visible){
  outline:2px solid var(--primary-glow);
  outline-offset:2px;
}
/* Formulaire « Signaler » du menu ⋯ : neutralise le layout flex 2 colonnes
   de black_orange (.block-flagging form, l.7248) qui déformait le panel. */
html .vxg-action-report form{display:block}
html .vxg-action-report .block-radios{display:block;width:auto;margin:0 0 10px;padding:0}
html .vxg-action-radio{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  margin:0;
  padding:8px 10px;
  border-radius:10px;
  color:var(--foreground);
  font-size:13.5px;
  cursor:pointer;
}
@media (min-width:1024px) and (hover:hover) and (pointer:fine){html .vxg-action-radio:hover{background:rgba(255,255,255,.05);background:oklch(1 0 0/5%)}}
/* radio natif VISIBLE (des règles héritées masquent input.radio ailleurs) */
html .vxg-action-radio input{flex:none;width:16px;height:16px;margin:0;accent-color:var(--primary);display:inline-block!important;opacity:1!important;position:static!important;appearance:auto;-webkit-appearance:radio}
html .vxg-action-radio span{flex:1;line-height:1.3}
html .vxg-action-radio:has(input:checked){color:var(--primary-glow);font-weight:600}
@media (hover:hover) and (pointer:fine){
  html .vxg-action-btn:hover:not(:disabled):not([aria-disabled="true"]){
    background:var(--surface-elevated);
    border-color:rgba(230,0,46,.38);
    border-color:color-mix(in oklab,var(--primary) 42%,var(--border));
    color:var(--primary-glow);
  }
  html .vxg-action-rating .vxg-action-btn:hover:not(:disabled):not([aria-disabled="true"]){border-color:transparent}
  html .vxg-action-btn:hover .vxg-action-ic{color:var(--foreground)}
  html .vxg-action-menu-row:hover{background:rgba(255,255,255,.07);background:color-mix(in oklab,var(--foreground) 7%,transparent)}
  html .vxg-action-save-list .vxg-action-menu-row.is-primary:hover{background:rgba(230,0,46,.14);background:color-mix(in oklab,var(--primary) 16%,transparent)}
  html .vxg-action-btn[data-vxg-tooltip]::after{
    content:attr(data-vxg-tooltip);
    position:absolute;
    left:50%;
    bottom:calc(100% + 8px);
    z-index:270;
    max-width:180px;
    padding:6px 8px;
    border:1px solid var(--border);
    border-radius:8px;
    background:var(--surface-elevated);
    color:var(--foreground);
    box-shadow:var(--shadow-elevated);
    font-size:11px;
    font-weight:700;
    line-height:1.2;
    white-space:nowrap;
    opacity:0;
    pointer-events:none;
    transform:translate(-50%,4px);
    transition:opacity .14s,transform .14s;
  }
  html .vxg-action-btn[data-vxg-tooltip]:hover::after,
  html .vxg-action-btn[data-vxg-tooltip]:focus-visible::after{
    opacity:1;
    transform:translate(-50%,0);
  }
  html .vxg-action-main .vxg-action-btn:last-child::after{
    right:0;
    left:auto;
    transform:translateY(4px);
  }
  html .vxg-action-main .vxg-action-btn:last-child:hover::after,
  html .vxg-action-main .vxg-action-btn:last-child:focus-visible::after{transform:translateY(0)}
}

@media (max-width:1023px){
  html .vxg-action-bar{
    flex-wrap:nowrap;
    justify-content:space-between;
    gap:12px;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    overflow:visible;
  }
  html body.vxg-action-sheet-open{overflow:hidden}
  html .vxg-action-main{gap:10px;margin-left:auto}
  html .vxg-action-cluster{flex:0 0 auto;padding:0}
  html .vxg-action-rating{height:52px;padding:0}
  html .vxg-action-btn{width:52px;min-height:52px;padding:0}
  html .vxg-action-rating .vxg-action-btn{gap:4px}
  html .vxg-action-ic,
  html .vxg-action-rating .vxg-action-ic{width:23px;height:23px}
  html .vxg-action-btn--vote{width:auto;min-width:72px;min-height:50px;height:50px;padding:0 14px}
  html .vxg-action-count{font-size:12px}
  html .vxg-action-menu{
    position:fixed!important;
    left:0!important;
    right:0!important;
    top:auto!important;
    bottom:0!important;
    z-index:251;
    width:100%;
    max-height:min(84dvh,680px);
    padding:12px 12px calc(16px + env(safe-area-inset-bottom));
    border-right:0;
    border-bottom:0;
    border-left:0;
    border-top-color:rgba(255,255,255,.12);
    border-top-color:color-mix(in oklab,var(--foreground) 12%,transparent);
    border-radius:24px 24px 0 0;
    background:var(--surface-elevated);
    box-shadow:0 -22px 52px -28px rgba(0,0,0,.9);
    box-shadow:0 -22px 52px -28px oklch(0 0 0 / .9);
    transform:translateY(0);
    overscroll-behavior:contain;
    touch-action:pan-y pinch-zoom;
    -webkit-overflow-scrolling:touch;
    animation:vxg-action-sheet-in .24s cubic-bezier(.2,.85,.2,1) both;
  }
  html .vxg-action-sheet-head{
    position:sticky;
    top:-12px;
    z-index:2;
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    align-items:center;
    min-height:60px;
    margin:-4px -4px 8px;
    padding:12px 4px 4px;
    background:linear-gradient(var(--surface-elevated) 82%,rgba(35,36,41,.92));
    background:linear-gradient(var(--surface-elevated) 82%,color-mix(in oklab,var(--surface-elevated) 92%,transparent));
  }
  html .vxg-action-sheet-head strong{grid-column:2;text-align:center;font-size:15px}
  html .vxg-action-sheet-head>span{top:7px;height:5px;background:rgba(255,255,255,.22);background:color-mix(in oklab,var(--foreground) 22%,transparent)}
  html .vxg-action-sheet-close{
    grid-column:3;
    display:inline-grid;
    place-items:center;
    width:44px;
    height:44px;
    margin:0;
    padding:0;
    border:1px solid var(--border);
    border-radius:50%;
    background:rgba(255,255,255,.06);
    background:color-mix(in oklab,var(--foreground) 6%,transparent);
    color:var(--foreground);
    cursor:pointer;
  }
  html .vxg-action-sheet-close svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
  html .vxg-action-menu button.vxg-action-sheet-close:focus-visible{
    outline:none;
    border-color:rgba(255,255,255,.30);
    border-color:color-mix(in oklab,var(--foreground) 30%,var(--border));
    box-shadow:0 0 0 3px rgba(255,255,255,.10);
    box-shadow:0 0 0 3px color-mix(in oklab,var(--foreground) 10%,transparent);
  }
  html .vxg-action-menu-row{min-height:52px;padding:12px;border-radius:12px}
  html .vxg-action-menu-row:active{background:rgba(255,255,255,.11);background:color-mix(in oklab,var(--foreground) 11%,transparent)}
  html .vxg-action-row-ic{width:20px;height:20px}
  html .vxg-action-more-menu .vxg-action-report{margin:0;border:0;background:transparent}
  html .vxg-action-more-menu .vxg-action-report>summary{min-height:52px;padding:12px;border-radius:12px}
  html .vxg-action-more-menu .vxg-action-report[open]>summary{background:rgba(255,255,255,.06);background:color-mix(in oklab,var(--foreground) 6%,transparent)}
  html .vxg-action-more-menu .vxg-action-report form{margin:4px 8px 10px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
  html .vxg-action-embed-sizes a{min-height:44px}
  html .vxg-action-scrim{
    position:fixed;
    inset:0;
    z-index:250;
    background:rgba(0,0,0,.58);
    background:oklch(0 0 0 / .58);
  }
}

@media (max-width:519px){
  html .vxg-action-bar{gap:12px}
  html .vxg-action-main{gap:10px}
  html .vxg-action-rating{height:52px}
  html .vxg-action-btn{width:52px;min-height:52px}
  html .vxg-action-rating .vxg-action-btn--vote{
    width:auto;
    min-width:72px;
    min-height:50px;
    height:50px;
    padding:0 14px;
  }
  html .vxg-action-rating .vxg-action-count{display:inline;font-size:11px}
  html .vxg-action-ic,
  html .vxg-action-rating .vxg-action-ic{width:22px;height:22px}
}

@media (max-width:375px){
  html .vxg-action-bar{gap:12px}
  html .vxg-action-main{gap:10px}
  html .vxg-action-rating{height:52px}
  html .vxg-action-btn{width:52px;min-height:52px}
  html .vxg-action-rating .vxg-action-btn--vote{
    width:72px;
    min-width:72px;
    min-height:50px;
    height:50px;
    padding:0 16px;
  }
  html .vxg-action-rating .vxg-action-count{display:none}
  html .vxg-action-ic,
  html .vxg-action-rating .vxg-action-ic{width:22px;height:22px}
}

/* Animations de vote : le like « éclate » (pop + onde primaire), le
   dislike « s'affaisse » (plongeon sec vers le bas, sans onde) —
   durées/courbes voisines pour la cohérence. Neutralisées par le bloc
   prefers-reduced-motion ci-dessous. */
@keyframes vxg-like-pop{
  0%{transform:scale(1) rotate(0)}
  30%{transform:scale(1.32) rotate(-8deg)}
  55%{transform:scale(.94) rotate(3deg)}
  100%{transform:scale(1) rotate(0)}
}
@keyframes vxg-vote-burst{
  0%{transform:scale(.45);opacity:.85}
  100%{transform:scale(1.9);opacity:0}
}
@keyframes vxg-dislike-dip{
  0%{transform:translateY(0) rotate(0)}
  30%{transform:translateY(4px) rotate(8deg) scale(1.12)}
  60%{transform:translateY(1px) rotate(-3deg)}
  100%{transform:translateY(0) rotate(0)}
}
@keyframes vxg-count-bump{
  0%{transform:scale(1)}
  40%{transform:scale(1.22)}
  100%{transform:scale(1)}
}
html .rate-like.vxg-vote-anim .vxg-action-ic{animation:vxg-like-pop .5s cubic-bezier(.4,1.6,.55,1) both;transform-origin:50% 62%}
html .rate-dislike.vxg-vote-anim .vxg-action-ic{animation:vxg-dislike-dip .42s cubic-bezier(.34,1.3,.5,1) both;transform-origin:50% 38%}
html .vxg-action-btn--vote.vxg-vote-anim .vxg-action-count{display:inline-block;animation:vxg-count-bump .4s ease both}
html .vxg-vote-burst{
  position:absolute;
  inset:4px;
  border-radius:inherit;
  border:2px solid var(--primary);
  animation:vxg-vote-burst .56s ease-out forwards;
  pointer-events:none;
}

@keyframes vxg-action-sheet-in{
  from{opacity:.5;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}

@media (prefers-reduced-motion:reduce){
  html .vxg-action-bar *,
  html .vxg-action-menu{transition:none!important;animation:none!important}
}