/* YouTips : cartes de jeux en 3D (yf- et yl-). Recto aux couleurs d'origine, verso en ardoise, tranches visibles en rotation, symbole de retournement fixe. Chargé par mu-plugins/yt-cartes3d.php. */
/* ---- yf- ---- */
html.yj-ok body #wrapper #yf-cards.yf-js ul.yf-grid li{content-visibility:visible!important;contain:none!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner{transition:transform 2s cubic-bezier(.45,.05,.3,1)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-front,html.yj-ok body #wrapper #yf-cards.yf-js .yf-card:not(.is-flipped) .yf-inner > .yf-face.yf-front:hover{transform:translateZ(6px)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back{transform:rotateY(180deg) translateZ(6px)!important;background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.07),transparent 58%),repeating-linear-gradient(112deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px),linear-gradient(165deg,#2c3136 0%,#1b1f23 100%)!important;border:1px solid rgba(255,255,255,.07)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back::before{display:none!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yf-chip{color:#fff!important;background:rgba(255,255,255,.12)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back h3.yf-title{font-family:"Chalkboard SE","Chalkboard","Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;color:#fff!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yf-desc{color:rgba(255,255,255,.8)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yf-meta{color:rgba(255,255,255,.6)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yf-link{color:#8AB8FF!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yf-mini{background:transparent!important;border-color:rgba(255,255,255,.3)!important;color:rgba(255,255,255,.85)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yf-mini:hover{border-color:rgba(255,255,255,.6)!important;color:#fff!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yf-mini.is-on{background:#34C759!important;border-color:#34C759!important;color:#fff!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yta-cq{background:transparent!important;color:#f5f5f7!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yta-cq-q{font-family:"Chalkboard SE","Chalkboard","Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;color:#fff!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back button.yta-cq-o{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back button.yta-cq-o:hover:not(:disabled){background:rgba(255,255,255,.16)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back button.yta-cq-o.is-good{background:rgba(52,199,89,.28)!important;border-color:#34C759!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back button.yta-cq-o.is-bad{background:rgba(255,90,90,.2)!important;border-color:#ff6b6b!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yta-cq-res.is-good{color:#7ee29a!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yf-face.yf-back .yta-cq-res.is-bad{color:#ff9a9a!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yt-edge{position:absolute!important;top:16px!important;bottom:16px!important;width:12px!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;pointer-events:none!important;background:repeating-linear-gradient(90deg,#5a6168 0 2px,#454b51 2px 5px,#50575d 5px 7px,#3c4247 7px 9px)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yt-edge--l{left:-6px!important;transform:rotateY(-90deg)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner > .yt-edge--r{right:-6px!important;transform:rotateY(90deg)!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card.is-spin .yt-edge,html.yj-ok body #wrapper #yf-cards.yf-js .yf-card.is-spin > .yt-turn-ico{display:none!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card > .yt-turn-ico{position:absolute!important;right:12px!important;bottom:12px!important;z-index:5!important;width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.4)!important;background:rgba(20,24,28,.62)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card > .yt-turn-ico svg{display:block!important;transition:transform .5s ease!important}
html.yj-ok body #wrapper #yf-cards.yf-js .yf-card:hover > .yt-turn-ico svg{transform:rotate(180deg)!important}
@media (prefers-reduced-motion:reduce){html.yj-ok body #wrapper #yf-cards.yf-js .yf-card .yf-inner{transition:none!important}html.yj-ok body #wrapper #yf-cards.yf-js .yf-card > .yt-turn-ico svg{transition:none!important}}
/* ---- yl- ---- */
html.yj-ok body #wrapper #yl-cards.yl-js ul.yl-grid li{content-visibility:visible!important;contain:none!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner{transition:transform 2s cubic-bezier(.45,.05,.3,1)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-front,html.yj-ok body #wrapper #yl-cards.yl-js .yl-card:not(.is-flipped) .yl-inner > .yl-face.yl-front:hover{transform:translateZ(6px)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back{transform:rotateY(180deg) translateZ(6px)!important;background:radial-gradient(ellipse at 28% 18%,rgba(255,255,255,.07),transparent 58%),repeating-linear-gradient(112deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px),linear-gradient(165deg,#2c3136 0%,#1b1f23 100%)!important;border:1px solid rgba(255,255,255,.07)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back::before{display:none!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yl-chip{color:#fff!important;background:rgba(255,255,255,.12)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back h3.yl-title{font-family:"Chalkboard SE","Chalkboard","Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;color:#fff!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yl-desc{color:rgba(255,255,255,.8)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yl-meta{color:rgba(255,255,255,.6)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yl-link{color:#8AB8FF!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yl-mini{background:transparent!important;border-color:rgba(255,255,255,.3)!important;color:rgba(255,255,255,.85)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yl-mini:hover{border-color:rgba(255,255,255,.6)!important;color:#fff!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yl-mini.is-on{background:#34C759!important;border-color:#34C759!important;color:#fff!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yta-cq{background:transparent!important;color:#f5f5f7!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yta-cq-q{font-family:"Chalkboard SE","Chalkboard","Segoe Print","Bradley Hand","Comic Sans MS",cursive!important;color:#fff!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back button.yta-cq-o{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.3)!important;color:#fff!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back button.yta-cq-o:hover:not(:disabled){background:rgba(255,255,255,.16)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back button.yta-cq-o.is-good{background:rgba(52,199,89,.28)!important;border-color:#34C759!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back button.yta-cq-o.is-bad{background:rgba(255,90,90,.2)!important;border-color:#ff6b6b!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yta-cq-res.is-good{color:#7ee29a!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yl-face.yl-back .yta-cq-res.is-bad{color:#ff9a9a!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yt-edge{position:absolute!important;top:16px!important;bottom:16px!important;width:12px!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;pointer-events:none!important;background:repeating-linear-gradient(90deg,#5a6168 0 2px,#454b51 2px 5px,#50575d 5px 7px,#3c4247 7px 9px)!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yt-edge--l{left:-6px!important;transform:rotateY(-90deg)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner > .yt-edge--r{right:-6px!important;transform:rotateY(90deg)!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card.is-spin .yt-edge,html.yj-ok body #wrapper #yl-cards.yl-js .yl-card.is-spin > .yt-turn-ico{display:none!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card > .yt-turn-ico{position:absolute!important;right:12px!important;bottom:12px!important;z-index:5!important;width:34px!important;height:34px!important;border-radius:50%!important;border:1px solid rgba(255,255,255,.4)!important;background:rgba(20,24,28,.62)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;pointer-events:none!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card > .yt-turn-ico svg{display:block!important;transition:transform .5s ease!important}
html.yj-ok body #wrapper #yl-cards.yl-js .yl-card:hover > .yt-turn-ico svg{transform:rotate(180deg)!important}
@media (prefers-reduced-motion:reduce){html.yj-ok body #wrapper #yl-cards.yl-js .yl-card .yl-inner{transition:none!important}html.yj-ok body #wrapper #yl-cards.yl-js .yl-card > .yt-turn-ico svg{transition:none!important}}