/* ============================================================
   Just Ball · chave visual3 (31/10/2026, Drop 3).
   Jordan: "Melhore tudo que a gente já tem. Dê mais profundidade, bote um pouquinho mais de textura
   nos botões, ali na área do ranking, e deixe o ranking mais bonito."
   Duas partes: (1) sistema único de textura e chanfro nas superfícies do app; (2) o ranking novo.
   Tudo aqui vale só sem a classe sem-visual3, que o js/flags.js põe no <html> com a chave desligada.
   :where() deixa a guarda sem peso: a regra da pele pesa o mesmo que a original e perde pra qualquer
   variação de contexto que já existe (.tour__acts .btn--ghost, .dsf__acts .btn--lime, .hx1 .btn--out).
   Profundidade por luz, inset, grão e camadas. Nada sobe do plano e nada de relevo pra fora.
   Só transform e opacity animam. Nenhum backdrop-filter nem mix-blend-mode novo: roda em Android fraco.
   ============================================================ */

:where(html:not(.sem-visual3)){
  --v3-grao:url('../assets/visual3/grao.webp');
  --v3-grao-s:url('../assets/visual3/grao-suave.webp'); /* cartões, linhas e campos: no nível dos cards já aprovados */
  --v3-grao-t:64px 64px; /* 128 px de arquivo em 64 de tela: ponto a ponto no celular, grão fino e não mancha */
  /* chanfro interno: fio de luz em cima e a borda acesa de leve. Sem fio escuro embaixo, que lê como botão saltado */
  --v3-chanfro:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(0,0,0,.3);
  --v3-chanfro-lima:inset 0 1px 0 rgba(255,255,255,.55),inset 0 0 0 1px rgba(255,255,255,.14);
  /* luz vinda de cima numa superfície escura */
  --v3-luz:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 46%);
}

/* ---------- 1. botões ---------- */
:where(html:not(.sem-visual3)) .btn--lime{
  background-image:var(--v3-grao),linear-gradient(180deg,#d0ff3e 0%,#c5ff1a 55%,#bff713 100%);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro-lima),0 8px 26px rgba(197,255,26,.2)}
:where(html:not(.sem-visual3)) .btn--ghost{
  background-image:var(--v3-grao),var(--v3-luz);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro)}
:where(html:not(.sem-visual3)) .btn--out{
  background-image:var(--v3-grao);
  background-size:var(--v3-grao-t);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
/* os três botões do cartão de desafio seguem sem o brilho grande (css/desafio.css), só ganham o chanfro */
:where(html:not(.sem-visual3)) .dsf__acts .btn--lime{box-shadow:var(--v3-chanfro-lima)}
@media (hover:hover) and (pointer:fine){
  :where(html:not(.sem-visual3)) .btn--lime:hover{box-shadow:var(--v3-chanfro-lima),0 0 0 4px rgba(197,255,26,.16),0 10px 30px rgba(197,255,26,.3)}
}
:where(html:not(.sem-visual3)) .icon-btn{
  background-image:var(--v3-grao),var(--v3-luz);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro)}

/* ---------- 2. chips e o seletor de modo ---------- */
:where(html:not(.sem-visual3)) .chip{
  height:44px;
  background-image:var(--v3-grao),var(--v3-luz);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro);
  transition:background-color .2s,color .2s,border-color .2s,transform .15s var(--e)}
:where(html:not(.sem-visual3)) .chip[aria-pressed="true"]{
  background-image:var(--v3-grao),linear-gradient(180deg,#fff,#f2f2f0);
  box-shadow:inset 0 1px 0 #fff}
:where(html:not(.sem-visual3)) .chip:active{transform:scale(.97)}
/* o seletor é um rebaixo: sombra por dentro em cima, a opção escolhida acesa lá no fundo */
:where(html:not(.sem-visual3)) .seg{
  background-image:var(--v3-grao);
  background-size:var(--v3-grao-t);
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55),inset 0 -1px 0 rgba(255,255,255,.05)}
:where(html:not(.sem-visual3)) .seg button[aria-pressed="true"]{
  background-image:var(--v3-grao),linear-gradient(180deg,#fff,#f2f2f0);
  background-size:var(--v3-grao-t),auto;
  box-shadow:inset 0 1px 0 #fff}

/* ---------- 3. cartões principais: o mesmo grão e o mesmo chanfro (o que tinha fundo próprio mantém) ---------- */
:where(html:not(.sem-visual3)) :is(.cal,.missions,.idea,.nt,.pp,.sg,.jg-row,.jg-busca,.rival,.ev,.flow,.fact),
:where(html:not(.sem-visual3)) .jg-gl__ul .jg-row{
  background-image:var(--v3-grao-s),var(--v3-luz);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro)}
:where(html:not(.sem-visual3)) .cch-card{
  background-image:var(--v3-grao-s),linear-gradient(150deg,rgba(197,255,26,.12),var(--ink-3) 62%);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro)}
:where(html:not(.sem-visual3)) :is(.pc-rei__l,.acard){box-shadow:var(--v3-chanfro)}
:where(html:not(.sem-visual3)) .ck{
  background-image:var(--v3-grao-s),radial-gradient(120% 90% at 0% 0%,rgba(197,255,26,.12),transparent 55%),var(--v3-luz);
  background-size:var(--v3-grao-t),auto,auto;
  box-shadow:var(--v3-chanfro)}
:where(html:not(.sem-visual3)) .pend{
  background-image:var(--v3-grao-s),linear-gradient(160deg,rgba(197,255,26,.07),var(--ink-3) 50%);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro)}
:where(html:not(.sem-visual3)) .sg.is-mine{box-shadow:var(--v3-chanfro),0 0 0 1px rgba(197,255,26,.3),0 10px 26px rgba(197,255,26,.1)}

/* calendário: o dia é informação, e o cinza de hoje dava 2,6:1. Os estados (foi, marcou, cancelado) seguem nas regras deles */
:where(html:not(.sem-visual3)) .cal__wd span,
:where(html:not(.sem-visual3)) .cd:not(.cd--tr,.cd--foi,.cd--vai,.cd--hoje){color:#8d908a}

/* ---------- 4. inicial no lugar da foto: disco escuro plano e letra clara. O pastel inline vem do JS, só !important troca ---------- */
:where(html:not(.sem-visual3)) .jg-av .x1ini{
  background:linear-gradient(180deg,#1b1e19,#10120f)!important;
  color:#e9ebe6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
:where(html:not(.sem-visual3)) :is(.v3-li-eu,.v3-pod.is-eu) .x1ini{color:var(--lime)}

/* a mesma inicial nos cards do X1 e no perfil (js/app.js): o bloco branco chapado era a peça mais estourada da aba */
:where(html:not(.sem-visual3)) :is(.acard__ph,.av) .x1ini{
  background:radial-gradient(80% 70% at 50% 22%,#262a22,#0e100d 82%)!important;
  color:#e9ebe6;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}

/* nome comprido não alarga a lista: a coluna da grade não passa da tela */
:where(html:not(.sem-visual3)) :is(.jg-rk__ol,.jg-gl__ul){grid-template-columns:minmax(0,1fr)}

/* ---------- 5. RANKING: cabeçalho e filtros numa linha só ---------- */
html:not(.sem-visual3) #jgRank{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}
html:not(.sem-visual3) #jgRank>.sec__h{grid-column:1/-1;margin-bottom:0}
html:not(.sem-visual3) #jgRankS:empty{display:none}
html:not(.sem-visual3) #jgRkChips{grid-column:1;min-height:46px;align-items:center;margin:0;padding:0;overflow:visible}
html:not(.sem-visual3) #jgRkModo{grid-column:2;justify-self:end;width:100%;max-width:170px;margin:0;gap:0;padding:0;min-height:46px}
html:not(.sem-visual3) #jgRkChips[hidden]+#jgRkModo{grid-column:1/-1;justify-self:start;max-width:220px}
/* 44 px de toque com a pílula desenhada em 38: a folga é borda transparente */
html:not(.sem-visual3) #jgRkModo button{min-height:44px;border:3px solid transparent;border-radius:12px;background-clip:padding-box}
html:not(.sem-visual3) #jgRkList{grid-column:1/-1;min-width:0;margin-top:2px}

/* ---------- 6. RANKING: o palco, um ginásio à noite ---------- */
html:not(.sem-visual3) .v3-palco{position:relative;isolation:isolate;overflow:hidden;min-height:258px;padding:24px 8px 10px;display:flex;align-items:flex-end;border-radius:22px;
  background-color:#040504;
  background-image:var(--v3-grao),url('../assets/visual3/palco.webp');
  background-size:var(--v3-grao-t),cover;
  background-position:0 0,50% 0;
  background-repeat:repeat,no-repeat;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.07),inset 0 1px 0 rgba(255,255,255,.1)}
/* o apagado: um véu por cima da foto, por baixo do pódio. Sem isso o palco já nasce aceso */
html:not(.sem-visual3) .v3-palco::before{content:"";position:absolute;inset:0;z-index:0;background:#030403;opacity:0;pointer-events:none}
html:not(.sem-visual3) .v3-palco.is-apagado::before{opacity:.94}
html:not(.sem-visual3) .v3-palco.is-apagado .v3-pod{opacity:0;transform:translateY(12px)}
html:not(.sem-visual3) .v3-palco.is-lendo .v3-pod{opacity:.5;transform:none}
/* acende: os refletores piscam uma vez e firmam, depois sobem o 3º, o 2º e o 1º */
html:not(.sem-visual3) .v3-palco.is-acende::before{animation:v3Acende .95s linear both}
html:not(.sem-visual3) .v3-palco.is-acende .v3-pod{animation:v3Sobe .55s var(--e) both}
html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--3{animation-delay:.2s}
html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--2{animation-delay:.3s}
html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--1{animation-delay:.42s}
@keyframes v3Acende{0%{opacity:.94}14%{opacity:.62}22%{opacity:.86}42%{opacity:.34}52%{opacity:.5}100%{opacity:0}}
@keyframes v3Sobe{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
/* trocou de filtro: o conteúdo entra de leve, sem refazer o acende */
html:not(.sem-visual3) .v3-palco.is-troca .v3-pod{animation:v3Troca .32s var(--e) both}
@keyframes v3Troca{from{opacity:.25}to{opacity:1}}

html:not(.sem-visual3) .v3-palco__ol{position:relative;z-index:1;list-style:none;width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:6px}
html:not(.sem-visual3) .v3-pod{position:relative;grid-row:1;min-width:0;transition:transform .75s cubic-bezier(.23,1,.32,1)}
html:not(.sem-visual3) .v3-pod--1{grid-column:2}
html:not(.sem-visual3) .v3-pod--2{grid-column:1}
html:not(.sem-visual3) .v3-pod--3{grid-column:3}
html:not(.sem-visual3) .v3-pod__b{display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;text-align:center;transition:transform .15s var(--e)}
html:not(.sem-visual3) button.v3-pod__b:active{transform:scale(.97)}
html:not(.sem-visual3) .v3-pod__b:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-radius:14px}

/* foto: em pé no degrau, com a luz chegando de cima */
html:not(.sem-visual3) .v3-pod__av{position:relative;z-index:2;display:block;margin-bottom:-11px}
html:not(.sem-visual3) .v3-pod .jg-av{width:56px;height:56px;box-shadow:0 0 0 1.5px rgba(255,255,255,.5),0 7px 12px rgba(0,0,0,.55)}
html:not(.sem-visual3) .v3-pod .jg-av .x1ini{font-size:24px}
html:not(.sem-visual3) .v3-pod--1 .jg-av{width:72px;height:72px;box-shadow:0 0 0 2px var(--lime),0 0 26px rgba(197,255,26,.34),0 8px 14px rgba(0,0,0,.55)}
html:not(.sem-visual3) .v3-pod--1 .jg-av .x1ini{font-size:32px}
html:not(.sem-visual3) .v3-pod.is-eu .jg-av{box-shadow:0 0 0 2px var(--lime),0 7px 12px rgba(0,0,0,.55)}
html:not(.sem-visual3) .v3-pod.is-vago .jg-av{background:rgba(0,0,0,.28);border:1.5px dashed rgba(255,255,255,.26);box-shadow:none}
html:not(.sem-visual3) .v3-pod__rei{position:absolute;right:-40px;top:-22px;width:56px;height:auto}
html:not(.sem-visual3) .v3-pod__av .jg-crown{left:50%;top:-15px;width:22px;height:15px}

/* degrau: não é um bloco saltando, é uma lâmina fumê no chão, acesa só no fio de cima */
html:not(.sem-visual3) .v3-pod__deg{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;padding:17px 5px 11px;border-radius:12px;
  background-color:rgba(7,9,7,.74);
  background-image:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.012) 52%,rgba(0,0,0,.2));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 0 0 1px rgba(255,255,255,.035)}
html:not(.sem-visual3) .v3-pod--1 .v3-pod__deg{min-height:128px;padding-top:18px;
  background-image:radial-gradient(90% 60% at 50% 0%,rgba(197,255,26,.17),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.05),rgba(0,0,0,.18));
  box-shadow:inset 0 1px 0 rgba(197,255,26,.72),inset 0 0 0 1px rgba(197,255,26,.09)}
html:not(.sem-visual3) .v3-pod--2 .v3-pod__deg{min-height:110px}
html:not(.sem-visual3) .v3-pod--3 .v3-pod__deg{min-height:92px}
html:not(.sem-visual3) .v3-pod__pos{font-family:var(--disp);font-weight:900;font-size:25px;line-height:1;color:var(--paper)}
html:not(.sem-visual3) .v3-pod--1 .v3-pod__pos{font-size:34px;color:var(--lime)}
html:not(.sem-visual3) .v3-pod.is-vago .v3-pod__pos{color:#a9aca6}
html:not(.sem-visual3) .v3-pod__n{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;width:100%;margin-top:3px;font-size:12.5px;font-weight:700;line-height:1.14;color:var(--paper);overflow-wrap:anywhere;text-wrap:balance}
html:not(.sem-visual3) .v3-pod.is-eu .v3-pod__n{color:var(--lime)}
html:not(.sem-visual3) .v3-pod__v{display:block;height:1em;margin-top:5px;font-family:var(--disp);font-weight:900;font-size:21px;line-height:1;color:var(--lime);contain:layout paint}
html:not(.sem-visual3) .v3-pod--1 .v3-pod__v{font-size:28px}
/* placar: a largura vem do dígito final (.v3-odo__k, invisível); a fita corre por cima dele */
html:not(.sem-visual3) .v3-odo{display:inline-flex;vertical-align:top}
html:not(.sem-visual3) .v3-odo__c{position:relative;display:block;height:1em;overflow:hidden;font-style:normal}
html:not(.sem-visual3) .v3-odo__k{display:block;visibility:hidden}
html:not(.sem-visual3) .v3-odo__f{position:absolute;left:50%;top:0;display:block;transform:translate(-50%,calc(var(--d) * -1em))}
html:not(.sem-visual3) .v3-odo__f b{display:block;height:1em;font-weight:inherit}
html:not(.sem-visual3) .v3-palco.is-apagado .v3-odo__f{transform:translate(-50%,0)}
html:not(.sem-visual3) .v3-palco.is-acende .v3-odo__f{animation:v3Fita .62s var(--e) both}
html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--3 .v3-odo__f{animation-delay:.2s}
html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--2 .v3-odo__f{animation-delay:.3s}
html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--1 .v3-odo__f{animation-delay:.42s}
html:not(.sem-visual3) .v3-palco.is-troca .v3-odo__f{animation:v3Fita .5s var(--e) both}
@keyframes v3Fita{from{transform:translate(-50%,0)}to{transform:translate(-50%,calc(var(--d) * -1em))}}

/* ---------- 7. RANKING: a linha dele, a conta até o próximo ---------- */
html:not(.sem-visual3) .v3-eu{position:relative;margin-top:10px;padding:14px 14px 14px;border-radius:18px;border:1px solid rgba(197,255,26,.26);
  background-color:#0d100b;
  background-image:var(--v3-grao-s),radial-gradient(70% 90% at 0% 0%,rgba(197,255,26,.06),transparent 70%),var(--v3-luz);
  background-size:var(--v3-grao-t),auto,auto;
  box-shadow:var(--v3-chanfro)}
html:not(.sem-visual3) .v3-eu__t{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px}
html:not(.sem-visual3) .v3-eu__x{flex:1;min-width:0}
html:not(.sem-visual3) .v3-eu__k{display:flex;align-items:baseline;gap:8px;line-height:1}
html:not(.sem-visual3) .v3-eu__k .num{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;line-height:1.3;color:#b4b8ae}
html:not(.sem-visual3) .v3-eu__pos{font-family:var(--disp);font-weight:900;font-size:28px;line-height:1;color:var(--paper)}
html:not(.sem-visual3) .v3-eu__f{margin-top:6px;font-family:var(--disp);font-weight:900;font-size:clamp(23px,6.9vw,27px);line-height:1.02;text-transform:uppercase;letter-spacing:.005em;color:var(--paper);text-wrap:balance}
html:not(.sem-visual3) .v3-eu__f b{font-weight:900;color:var(--lime)}
html:not(.sem-visual3) .v3-eu__alvo{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;padding-top:2px}
html:not(.sem-visual3) .v3-eu__alvo .jg-av{width:52px;height:52px;box-shadow:0 0 0 1.5px rgba(255,255,255,.42)}
html:not(.sem-visual3) .v3-eu__alvo .jg-av .x1ini{font-size:22px}
html:not(.sem-visual3) .v3-eu__alvo small{font-size:10.5px;font-weight:700;letter-spacing:.06em;color:#b4b8ae}
html:not(.sem-visual3) .v3-eu__go{min-height:48px;box-shadow:var(--v3-chanfro-lima),0 4px 14px rgba(197,255,26,.1)}

/* ---------- 8. RANKING: a lista, com quem está perto dele ---------- */
html:not(.sem-visual3) .v3-lista{margin-top:10px}
html:not(.sem-visual3) .v3-lista .jg-row{min-height:60px}
html:not(.sem-visual3) .v3-lista .jg-row__pos{width:26px;font-family:var(--disp);font-weight:900;font-size:17px;color:#a9aca6}
html:not(.sem-visual3) .v3-lista .jg-row__v{font-family:var(--disp);font-weight:900;font-size:20px;line-height:1}
/* quem ele vai buscar: só o fio mais aceso */
html:not(.sem-visual3) .v3-li-alvo .jg-row{border-color:rgba(255,255,255,.2)}
html:not(.sem-visual3) .v3-li-eu .jg-row{border-color:rgba(197,255,26,.55);
  background-color:#10140c;
  background-image:var(--v3-grao-s),linear-gradient(90deg,rgba(197,255,26,.13),transparent 62%);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro)}
/* com a lista aberta, a linha dele não sai da tela enquanto os outros passam. O anel da cor do fundo
   apaga as linhas que passariam espiando em volta */
html:not(.sem-visual3) .lmx:has(>[aria-expanded="true"]) .v3-li-eu{position:sticky;top:6px;bottom:6px;z-index:2}
html:not(.sem-visual3) .lmx:has(>[aria-expanded="true"]) .v3-li-eu .jg-row{box-shadow:var(--v3-chanfro),0 0 0 6px var(--ink)}
html:not(.sem-visual3) .v3-li-eu .jg-row__pos{color:var(--lime)}
html:not(.sem-visual3) .v3-pod.is-sobe .v3-pod__deg{box-shadow:inset 0 1px 0 var(--lime),inset 0 0 22px rgba(197,255,26,.2)}
/* a seta de quem subiu: no pódio, do lado de fora da foto, longe do selo */
html:not(.sem-visual3) .v3-pod .jg-row__up{top:2px;left:2px;right:auto}

/* ---------- 9. no jogo: o modo que ele veio buscar já vem marcado (js/jogar.js, abrirNoModoV3) ---------- */
html:not(.sem-visual3) .jbs__ov.tem-v3-alvo .jbs-mode:not(.is-v3-alvo){display:none}
html:not(.sem-visual3) .jbs__ov.tem-v3-alvo .jbs-modes{display:flex;justify-content:center}
html:not(.sem-visual3) .jbs-mode.is-v3-alvo{width:100%;max-width:420px;border-color:var(--lime)!important;box-shadow:inset 0 0 0 1px var(--lime),inset 0 0 26px rgba(197,255,26,.1)}
html:not(.sem-visual3) .v3-comecar{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:10px;padding:0 22px;border-radius:var(--rp);font-family:var(--body);font-style:normal;font-weight:800;font-size:14px;letter-spacing:.01em;color:#0a0a0a;
  background-color:var(--lime);
  background-image:var(--v3-grao),linear-gradient(180deg,#d0ff3e 0%,#c5ff1a 55%,#bff713 100%);
  background-size:var(--v3-grao-t),auto;
  box-shadow:var(--v3-chanfro-lima)}

@media (prefers-reduced-motion:reduce){
  html:not(.sem-visual3) .v3-palco.is-apagado::before,html:not(.sem-visual3) .v3-palco.is-acende::before{animation:none;opacity:0}
  html:not(.sem-visual3) .v3-palco.is-apagado .v3-pod,html:not(.sem-visual3) .v3-palco.is-acende .v3-pod,html:not(.sem-visual3) .v3-palco.is-troca .v3-pod{animation:none;opacity:1;transform:none}
  html:not(.sem-visual3) .v3-pod,html:not(.sem-visual3) .v3-pod__b{transition:none}
  html:not(.sem-visual3) .v3-palco .v3-odo__f,html:not(.sem-visual3) .v3-palco.is-apagado .v3-odo__f,html:not(.sem-visual3) .v3-palco.is-acende .v3-odo__f,html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--1 .v3-odo__f,html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--2 .v3-odo__f,html:not(.sem-visual3) .v3-palco.is-acende .v3-pod--3 .v3-odo__f,html:not(.sem-visual3) .v3-palco.is-troca .v3-odo__f{animation:none;transform:translate(-50%,calc(var(--d) * -1em))}
  html:not(.sem-visual3) button.v3-pod__b:active{transform:none}
  :where(html:not(.sem-visual3)) .chip{transition:background-color .2s,color .2s,border-color .2s}
  :where(html:not(.sem-visual3)) .chip:active{transform:none}
}