/* Même mécanique que les thèmes ; uniquement les paramètres de présentation du composant. */
.fx-signature{width:100%;position:relative}
.fx-signature .flap-line{font:700 8cqw/1 var(--t-title);gap:.45cqw;color:var(--t-on-accent)}
.fx-signature .flap{width:8cqw;height:10cqw;min-width:0;background:var(--t-accent);box-shadow:0 .2cqw .3cqw #0003}
.fx-signature .flap::before{background:var(--t-accent)}
.fx-signature .flap::after{background:var(--t-ink);opacity:.55}
.fx-signature.is-paused *,.fx-signature.is-paused *::before{animation-play-state:paused!important}
.fx-signature.is-static *,.fx-signature.is-static *::before{animation:none!important}
.fx-signature.is-static .flap::before{opacity:0}
.fx-signature .jelly-word{position:relative;inset:auto;justify-content:flex-start;filter:none;gap:1.5cqw;padding:4cqw 0 2cqw}
.fx-signature .jelly-word>span{font:900 15cqw/1 var(--t-title);-webkit-text-stroke:.15cqw color-mix(in srgb,var(--t-ink) 35%,transparent)}
.fx-pluie{position:absolute;inset:0;display:grid;align-content:center}
.fx-pluie .rainfall{inset:-4.5cqw -5cqw;overflow:hidden}
.fx-pluie .rainfall i{background:var(--t-muted);width:max(1px,.1cqw)}
.fx-pluie>.sa{position:relative;background:var(--t-bg);padding:3cqw;border-left:.4cqw solid var(--t-accent)}
.effect-poster{position:absolute;inset:0;z-index:1;background:var(--t-bg)}
.created-preview.is-ready>.effect-poster{visibility:hidden}
.fx-transition-scene{position:absolute;inset:0;padding:4.5cqw 5cqw;display:grid;align-content:center;background:var(--t-bg);color:var(--t-ink)}
@media(prefers-reduced-motion:reduce){.fx-signature *,.fx-signature *::before{animation:none!important}.fx-signature .flap::before{opacity:0}}