/* ═══════════════════════════════════════════════════════════════════════════
   nouveautes.css — le bouton « Nouveautés » et le journal des mises à jour (v21, 20/09/2026).
   Les trois pages qui portent le badge (accueil, /free, le fil) partagent cette feuille : une seule règle à corriger.

   Le propriétaire voulait « un bouton incroyable » et un journal « beau », pas « un gros parchemin de texte ». D'où :
     • un bouton en verre sombre, cerclé d'un FILET LUMINEUX qui tourne, avec le calepin 3D posé dedans ;
     • une fenêtre en deux temps : une tête qui présente le carnet, puis une FRISE des versions, chaque version
       découpée en sections (Nouveau, Amélioré, Corrigé, Sécurité, Retiré) au lieu d'une liste à puces indistincte.
   Tout ce qui bouge ici s'arrête sous « mouvement réduit » : le filet cesse de tourner, la cascade est immédiate.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── LE BOUTON ─────────────────────────────────────────────────────────── */
.maj-btn{position:fixed;top:56px;left:50%;transform:translateX(-50%);z-index:100;
  display:inline-flex;align-items:center;gap:7px;isolation:isolate;
  background:linear-gradient(145deg,rgba(38,20,66,.92),rgba(14,7,28,.92));
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid transparent;color:#ffd700;
  padding:5px 14px;border-radius:22px;font-size:11px;font-weight:800;letter-spacing:.4px;
  cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;font-family:inherit;
  box-shadow:0 4px 18px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .18s cubic-bezier(.34,1.56,.64,1), box-shadow .25s, color .25s;}

/* ⚠️ LE FILET NE TOURNE PLUS — et c'est un retour du propriétaire, pas un oubli.
   C'était un dégradé conique qui faisait un tour toutes les six secondes : « y'a un truc jaune et bleu qui tourne
   et c'est moche, faut l'enlever ». Il l'a vu sur le fil, là où le bouton est posé dans une barre déjà dense — une
   couleur qui tourne en permanence à côté d'un texte, ça tire l'œil sans rien dire.
   Reste un CERCLAGE doré fixe, net, qui dit la même chose (« ce bouton est doré, il est important ») sans bouger.
   La seule chose qui bouge encore sur ce bouton est la pastille — et elle, elle a un sens : une version non lue. */
.maj-btn::before{content:'';position:absolute;inset:-1px;border-radius:inherit;z-index:-1;
  background:linear-gradient(145deg,rgba(255,215,0,.62),rgba(157,107,255,.34) 55%,rgba(255,215,0,.5));}
.maj-btn::after{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;
  background:linear-gradient(145deg,rgba(38,20,66,.96),rgba(12,6,24,.96));}

.maj-btn:hover{transform:translateX(-50%) translateY(-1px);color:#fff3b0;
  box-shadow:0 8px 26px rgba(255,180,0,.30), inset 0 1px 0 rgba(255,255,255,.14);}
.maj-btn:active{transform:translateX(-50%) scale(.94);}
.maj-btn:focus-visible{outline:2px solid rgba(0,200,255,.8);outline-offset:3px;}

/* Le calepin du BOUTON : depuis B7 (24/09/2026, audit-perf), plus de carnet 3D qui TOURNE ici. Le carnet 3D du bouton
   ouvrait un DEUXIÈME contexte WebGL sur l'accueil (build module de three à côté du build global des ornements) et
   tournait toute la visite pour 30 px : −2,2 s de GPU sur 12 s mesurés. Le vrai carnet, lui, n'est monté qu'À
   L'OUVERTURE du journal (voir nouveautes.js). Bêta 1.60 : sur un bouton `data-carnet3d` (l'accueil), une BANDE
   d'images du carnet, rendue une fois, est jouée par le CSS (voir plus bas) ; ailleurs, l'emoji. L'hôte garde sa
   largeur fixe et sa règle `canvas` : sans WebGL comme avec, rien ne bouge dans le bouton. */
.maj-ico3d{width:30px;height:30px;flex:0 0 30px;display:flex;align-items:center;justify-content:center;
  font-size:15px;line-height:1;margin:-4px 0 -4px -4px;pointer-events:none;}
.maj-ico3d canvas{display:block;width:100%;height:100%;}
/* L'emoji du bouton est visible tout de suite : `html.w3d .r3d` le cache partout où une toile 3D doit le remplacer,
   mais ici plus rien ne le remplace. (Même spécificité + ordre : cette feuille vient après la règle des gabarits.)
   SAUF sur un bouton `data-carnet3d` (l'accueil, bêta 1.60) : le carnet y revient, et l'emoji ne doit pas clignoter
   avant lui — il reste caché et ne revient (`.revient`) que si le carnet échoue. */
html.w3d .maj-btn:not([data-carnet3d]) .maj-ico3d .r3d{display:inline;}
/* ── LE CARNET DU BOUTON EN BANDE D'IMAGES (bêta 1.60, calepin3d.js → monterCalepinBouton) ──
   La bande porte `--n` images côte à côte ; l'hôte la rogne à UNE image, et l'animation la décale d'une image à la
   fois (`steps`, posé en ligne par le module avec sa durée — ralentie en mouvement réduit). `transform` seul, un
   seul écrivain : le compositeur décale une couche, rien n'est repeint ni rendu. Absolue : dans l'hôte flex et
   centré, une boîte plus large que lui déborderait des deux côtés. Hors écran, `.dort` la suspend. */
.maj-ico3d.a-bande{position:relative;overflow:hidden;}
.maj-ico3d.a-bande .r3d{display:none !important;}
.maj-ico3d canvas.maj-bande{position:absolute;left:0;top:0;width:calc(var(--n,1) * 100%);height:100%;max-width:none;
  animation-name:majFeuillette;animation-duration:9s;animation-timing-function:steps(48);
  animation-iteration-count:infinite;will-change:transform;}
/* `.prepare` : la première image est montrée, figée, pendant que les autres se rendent ; `.dort` : hors écran. */
.maj-ico3d canvas.maj-bande.prepare,.maj-ico3d canvas.maj-bande.dort{animation-play-state:paused;}
@keyframes majFeuillette{from{transform:translateX(0);}to{transform:translateX(-100%);}}

.maj-btn .maj-libelle{background:linear-gradient(100deg,#ffd700,#fff6c0,#ffb400);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#ffd700;}
.maj-btn .maj-pastille{width:7px;height:7px;border-radius:50%;background:#ff3366;
  box-shadow:0 0 8px rgba(255,51,102,.9);display:inline-block;animation:majBat 1.8s ease-in-out infinite;}
@keyframes majBat{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.5);opacity:.55;}}

/* ⚠️ `position:relative` ET JAMAIS `static` — C'EST CE QUI CACHAIT LE NUMÉRO DE VERSION.
   Le bouton porte son filet lumineux et son fond dans deux pseudo-éléments `position:absolute; inset:0`. Un
   `position:static` sur le bouton les décroche : ils se calent alors sur le premier ancêtre POSITIONNÉ, qui est
   le badge tout entier. Le fond du bouton — presque opaque — recouvrait donc le badge d'un bout à l'autre, et
   comme `isolation:isolate` fait du bouton un calque peint APRÈS le texte, « BÊTA 1.22 » disparaissait dessous.
   Vérifié : en masquant le bouton, le texte réapparaissait aussitôt. */
/* ⚠️ `top:auto;left:auto` : la règle de base pose `top:56px;left:50%` pour la version FIXE du bouton — gardés
   en `relative`, ils décaleraient le bouton de 56 px vers le bas et d'une demi-page vers la droite. */
.maj-btn.enligne{position:relative;top:auto;left:auto;transform:none;margin-top:3px;padding:3px 10px;font-size:10px;}
.maj-btn.enligne:hover{transform:translateY(-1px);}
.maj-btn.enligne:active{transform:scale(.95);}

/* Dans le badge lui-même (accueil et /free) : sous le badge, le bouton passait DERRIÈRE l'ornement 3D centré — ici il
   est toujours lisible, à droite du numéro, et le badge reste d'un seul tenant. */
.beta-badge{overflow:visible !important;}
.maj-btn.dans-badge{position:relative;top:auto;left:auto;transform:none;margin-left:9px;padding:3px 9px;font-size:10px;}
.maj-btn.dans-badge:hover{transform:translateY(-1px);}
.maj-btn.dans-badge:active{transform:scale(.94);}
.maj-btn.dans-badge .maj-ico3d{width:24px;height:24px;flex-basis:24px;font-size:13px;margin:-3px 0 -3px -3px;}
@media (max-width:560px){
  .maj-btn.dans-badge{margin-left:6px;padding:3px 7px;}
  .maj-btn.dans-badge .maj-libelle{display:none;}
  .maj-btn.dans-badge .maj-pastille{width:6px;height:6px;}
}

/* ── LA FENÊTRE ────────────────────────────────────────────────────────── */
/* `inset:0`, comme avant la v24 : les voiles en `100svh` + ombre de 100vmax faisaient descendre tout le calque
   fixe sur iPhone (iOS 26). Voir le commentaire des modales de loot.html (24/09/2026). */
.maj-voile{position:fixed;inset:0;z-index:4000;
  display:none;align-items:center;justify-content:center;
  background:rgba(4,2,10,.80);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);padding:18px;}
.maj-voile.on{display:flex;animation:majFondu .25s ease-out;}
@keyframes majFondu{from{opacity:0;}to{opacity:1;}}
.maj-boite{width:min(620px,100%);max-height:min(82vh,760px);display:flex;flex-direction:column;position:relative;
  background:radial-gradient(120% 90% at 12% 0%,#241542 0%,#150c2c 45%,#0a0518 100%);
  border:1px solid rgba(255,215,0,.22);border-radius:20px;
  box-shadow:0 30px 80px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;
  animation:majMonte .34s cubic-bezier(.22,1,.36,1);}
@keyframes majMonte{from{transform:translateY(18px) scale(.97);opacity:0;}to{transform:none;opacity:1;}}

.maj-tete{display:flex;align-items:center;gap:14px;padding:16px 18px 14px;position:relative;
  border-bottom:1px solid rgba(255,255,255,.08);
  background:linear-gradient(180deg,rgba(255,215,0,.07),transparent);}
/* B7 : l'ombre portée du carnet n'est plus un `filter:drop-shadow` — sur une toile qui se redessine à chaque image,
   le navigateur recalculait la silhouette ET son flou de 22 px à chaque image. C'est un halo peint une fois (::before,
   dégradé radial), derrière la toile. */
.maj-carnet{width:96px;height:96px;flex:0 0 96px;display:flex;align-items:center;justify-content:center;
  font-size:46px;line-height:1;position:relative;isolation:isolate;}
.maj-carnet::before{content:'';position:absolute;left:-14px;right:-14px;top:0;bottom:-18px;border-radius:50%;z-index:-1;
  background:radial-gradient(ellipse at 50% 60%,rgba(120,60,255,.42) 0%,rgba(120,60,255,.16) 46%,rgba(120,60,255,0) 72%);}
.maj-carnet canvas{display:block;width:100%;height:100%;position:relative;}
.maj-tete-txt{flex:1;min-width:0;}
.maj-tete-titre{font-size:17px;font-weight:900;letter-spacing:.4px;
  background:linear-gradient(100deg,#ffd700,#fff4bd,#ffab00);-webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;color:#ffd700;}
.maj-tete-sous{margin-top:3px;font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.5);}
.maj-fermer{position:absolute;top:12px;right:12px;background:rgba(255,255,255,.06);border:0;
  color:rgba(255,255,255,.6);font-size:16px;cursor:pointer;width:38px;height:38px;border-radius:50%;
  -webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background .2s,color .2s;}
/* Couronne tactile : 8 px transparents tout autour, rien de visible n'est ajouté. */
.maj-fermer::after{content:'';position:absolute;inset:-8px;border-radius:50%;}
.maj-fermer:hover{color:#fff;background:rgba(255,255,255,.16);}

.maj-corps{overflow-y:auto;padding:4px 18px 14px;-webkit-overflow-scrolling:touch;}
.maj-attente{padding:30px 0;text-align:center;color:rgba(255,255,255,.5);font-size:13px;}
.maj-rond{display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-2px;
  border:2px solid rgba(255,215,0,.25);border-top-color:#ffd700;border-radius:50%;animation:majTourne .8s linear infinite;}
@keyframes majTourne{to{transform:rotate(1turn);}}

/* LA FRISE : un trait vertical, un jalon par version. On voit d'un coup d'œil qu'il y a une HISTOIRE. */
.maj-frise{position:relative;padding-left:20px;}
.maj-frise::before{content:'';position:absolute;left:5px;top:16px;bottom:10px;width:2px;
  background:linear-gradient(180deg,rgba(255,215,0,.55),rgba(157,107,255,.25),transparent);}
.maj-entree{position:relative;padding:15px 0 6px;animation:majEntree .38s ease-out both;
  animation-delay:calc(var(--i,0) * 60ms);}
@keyframes majEntree{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.maj-entree + .maj-entree{border-top:1px dashed rgba(255,255,255,.08);}
.maj-jalon{position:absolute;left:-20px;top:22px;width:12px;height:12px;border-radius:50%;
  background:#0a0518;border:2px solid rgba(255,215,0,.45);}
.maj-entree.neuve .maj-jalon{border-color:#00c86e;box-shadow:0 0 0 4px rgba(0,200,110,.18);}

.maj-ligne{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.maj-version{font-size:14px;font-weight:900;color:#ffd700;letter-spacing:.5px;text-transform:uppercase;}
.maj-date{font-size:11px;color:rgba(255,255,255,.42);}
.maj-compte{font-size:10.5px;color:rgba(255,255,255,.32);margin-left:auto;}
.maj-neuf{font-size:9px;font-weight:900;letter-spacing:1px;color:#04240f;background:#00c86e;
  padding:2px 7px;border-radius:10px;}
.maj-titre{margin:6px 0 2px;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.93);line-height:1.45;}

/* LES SECTIONS : c'est elles qui remplacent le pavé. Chaque genre a sa couleur et son filet à gauche. */
.maj-sec{margin:9px 0 0;padding:7px 0 7px 11px;border-left:2px solid var(--g,rgba(255,255,255,.2));}
.maj-sec-titre{font-size:10.5px;font-weight:900;letter-spacing:1.1px;text-transform:uppercase;color:var(--g,#fff);
  opacity:.95;}
.maj-sec-nouveau{--g:#00e0a0;}
.maj-sec-ameliore{--g:#ffd700;}
.maj-sec-corrige{--g:#00c8ff;}
.maj-sec-securite{--g:#ff6b9d;}
.maj-sec-retire{--g:#8a7fb0;}
.maj-points{margin:5px 0 0;padding:0;list-style:none;}
.maj-pt{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.62;
  color:rgba(255,255,255,.76);margin-bottom:4px;}
.maj-puce{flex:0 0 auto;font-size:11px;line-height:1.5;opacity:.9;}
.maj-txt{min-width:0;}

.maj-pied{padding:10px 18px;border-top:1px solid rgba(255,255,255,.08);
  font-size:11px;color:rgba(255,255,255,.45);text-align:center;}

@media (prefers-reduced-motion:reduce){
  /* le filet ne tourne plus du tout : plus rien à couper ici (voir la règle du cerclage). */
  .maj-btn .maj-pastille{animation:none;}
  .maj-voile.on,.maj-boite,.maj-entree{animation-duration:.01ms;}
  .maj-rond{animation-duration:2.4s;}
}
@media (max-width:480px){
  .maj-btn{font-size:10px;padding:4px 11px;top:52px;}
  .maj-boite{max-height:88vh;max-height:88svh;}
  .maj-carnet{width:66px;height:66px;flex-basis:66px;font-size:34px;}
  .maj-tete-titre{font-size:15px;}
}

/* ═══ BANDEAU DE CONSENTEMENT AUX COOKIES (cookies.js) ═══
   En bas, jamais au milieu : il ne couvre pas la page, il ne bloque rien, et les deux réponses ont le même poids
   visuel — c'est la condition pour qu'un refus soit aussi facile qu'une acceptation. */
/* ⚠️ v7 (26/09/2026) — Z-INDEX 250, PLUS 3 500 : SOUS LES VOLETS, AU-DESSUS DU DÉCOR. À 3 500, à la première visite,
   il passait au-dessus des fenêtres du fil (1 100) et des volets de /free (400-420) et de l'accueil (300-345) : il en
   cachait le bas, donc leur bouton « Fermer » et le champ du chat d'assistance (captures de l'équipe du fil). Une
   fenêtre ouverte le recouvre maintenant de son voile ; refermée, il est de nouveau là : le choix reste accessible et
   rien n'est mesuré tant qu'il n'est pas fait (cookies.js). Il reste AU-DESSUS du décor flottant des pages — bouton +
   du fil (60), rappel de clé de /free (210), bulle d'assistance de l'accueil (200), bulle de profil fermée (240) — pour
   que « Refuser les mesures » ne soit jamais recouvert. Une page qui ajoute un volet le met à 300 ou plus. */
.cc-bandeau{position:fixed;left:0;right:0;bottom:0;z-index:250;display:none;padding:12px;
  animation:ccMonte .3s ease-out;pointer-events:none;}
/* `pointer-events` : le conteneur fait TOUTE la largeur (transparent) mais la boîte visible n'en fait que 860 px sur un
   ordinateur. Le conteneur avalait les clics sur toute la bande du bas, à côté de la boîte (la bulle d'assistance de
   l'accueil y était intouchable, mesuré au banc v7). Seule la boîte reçoit les clics. */
.cc-bandeau .cc-boite{pointer-events:auto;}
.cc-bandeau.on{display:block;}
@keyframes ccMonte{from{transform:translateY(100%);}to{transform:none;}}
.cc-boite{position:relative;max-width:860px;margin:0 auto;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  background:rgba(12,7,24,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:14px 60px 14px 16px;
  box-shadow:0 12px 40px rgba(0,0,0,.5);}
/* La croix (v7) : même bouton que les fenêtres du fil (feed.css, .md-x) — « Fermer », 40 px + couronne invisible
   (52 px). Elle REFUSE les mesures (data-cc="essentiel"). La boîte lui réserve sa colonne (rembourrage droit de 60 px) :
   elle ne recouvre ni le texte ni les deux boutons, qui gardent le même poids. */
.cc-x{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;
  padding:0;box-sizing:border-box;border:1px solid rgba(255,255,255,.18);border-radius:50%;background:rgba(14,4,30,.82);
  color:rgba(255,255,255,.88);font:700 17px/1 system-ui,-apple-system,'Segoe UI',sans-serif;cursor:pointer;
  -webkit-tap-highlight-color:transparent;}
.cc-x::after{content:'';position:absolute;inset:-6px;border-radius:50%;}
.cc-x:hover{background:rgba(255,255,255,.16);color:#fff;}
.cc-x:focus-visible{outline:2px solid rgba(0,200,255,.8);outline-offset:2px;}
.cc-txt{flex:1;min-width:240px;font-size:12.5px;line-height:1.6;color:rgba(255,255,255,.78);}
.cc-txt a{color:#00c8ff;}
.cc-actions{display:flex;gap:8px;flex-wrap:wrap;}
.cc-btn{padding:9px 18px;border-radius:22px;font-size:12.5px;font-weight:800;cursor:pointer;
  border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.07);color:rgba(255,255,255,.85);
  -webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s;}
.cc-btn:hover{background:rgba(255,255,255,.14);}
.cc-btn.cc-ok{background:linear-gradient(135deg,#ffd700,#ff8c00);color:#1a0033;border-color:transparent;}
.cc-btn.cc-ok:hover{filter:brightness(1.08);}
.cc-btn.actuel{outline:2px solid rgba(0,200,255,.6);outline-offset:2px;}
@media (max-width:560px){
  /* En colonne, les boutons reprennent toute la largeur ; seules les deux premières lignes du texte contournent la
     croix (un flottant vide de sa taille), au lieu d'une colonne de 44 px perdue sur toute la hauteur. */
  .cc-boite{flex-direction:column;align-items:stretch;padding-right:16px;}
  .cc-txt::before{content:'';float:right;width:38px;height:34px;}
  .cc-actions{justify-content:stretch;}
  .cc-btn{flex:1;text-align:center;}
}
@media (prefers-reduced-motion:reduce){.cc-bandeau{animation-duration:.8s;}}

/* ═══ PIED DE PAGE LÉGAL (toutes les pages publiques) ═══ */
/* ⚠️ PLUS AUCUNE RÈGLE SUR <body> ICI (24/09/2026, bêta 1.50). La v23 posait `body:has(> .legal-pied)
   {flex-wrap:wrap;align-content:center}` pour la page d'avertissement 18+, dont le corps est une boîte flex.
   Mais le pied est aussi un enfant direct de <body> sur /feed, /free et l'accueil, dont le corps est un BLOC —
   et depuis Safari 17.4 / Chrome 123, `align-content` s'applique aussi aux blocs : dès que le contenu était
   plus court que la hauteur minimale du corps (fil vide sur iPhone), TOUTE la page était centrée verticalement,
   d'où « un grand espace en haut » au-dessus de la barre du site. La page d'avertissement porte déjà
   `flex-wrap:wrap;align-content:center` dans sa propre feuille (warning.html) : rien ne lui manque. */
.legal-pied{flex:0 0 100%;box-sizing:border-box;min-width:0;
  margin:26px auto 14px;padding:14px 16px 0;max-width:760px;text-align:center;
  font-size:11.5px;line-height:1.9;color:rgba(255,255,255,.42);
  border-top:1px solid rgba(255,255,255,.07);}
/* ⚠️ LES SÉPARATEURS PORTENT UN ESPACE DE CHAQUE CÔTÉ, DANS LE HTML.
   Écrits collés (`</a>·<a>`) avec des liens en `nowrap`, la rangée entière devenait INSÉCABLE : 433 px de
   large sur un écran de 375, la ligne débordait à droite et la page pouvait glisser. C'est ce qu'on voit
   sur la capture envoyée depuis Telegram. Les espaces rendent au navigateur ses points de coupure. */
.legal-pied a{color:rgba(255,255,255,.6);text-decoration:none;margin:0 3px;white-space:nowrap;}
.legal-pied a:hover{color:#00c8ff;text-decoration:underline;}
.legal-pied .lp-btn{background:none;border:0;color:rgba(255,255,255,.6);font-size:11.5px;cursor:pointer;
  padding:0 5px;font-family:inherit;}
.legal-pied .lp-btn:hover{color:#00c8ff;text-decoration:underline;}

/* ⚠️ AU DOIGT, PAS DE FLOU SUR LE BOUTON « NOUVEAUTÉS » (24/09/2026, bêta 1.50). Sur le fil, ce bouton vit DANS
   la barre du haut, qui est `position:sticky`. Bogue WebKit 298709, toujours ouvert (le correctif de septembre
   2025 a été annulé) : « un élément sticky qui CONTIENT un élément à backdrop-filter se décale et glitche » —
   d'une hauteur de barre à chaque mise en page. C'est la marche de ~67 px de la première vidéo de l'iPhone.
   Le fond du bouton est déjà opaque à 92 % : l'œil ne verra pas la différence. */
@media (pointer:coarse){.maj-btn,.maj-btn.enligne{-webkit-backdrop-filter:none;backdrop-filter:none;}}