.porte-scene,.lancement{--porte-u:min(calc(100vw / 390), calc(100dvh / 844), 1.3px)}.porte-scene{--porte-trait:var(--color-marque);background:var(--porte-fin);justify-content:center;align-items:flex-start;min-height:100dvh;display:flex;position:relative;overflow-x:clip}.porte-stage{width:calc(var(--porte-u) * 390);min-height:calc(var(--porte-u) * 844);position:relative}.porte-dessin{width:100vw;height:calc(var(--porte-u) * 844);pointer-events:none;display:block;position:absolute;top:0;left:50%;overflow:visible;translate:-50%}.porte-bloc{margin-left:calc(var(--porte-u) * 24);width:calc(var(--porte-u) * 342);padding-top:calc(var(--porte-u) * var(--porte-bloc-y,494));padding-bottom:calc(var(--porte-u) * 32);position:relative}.a-trait{stroke-dashoffset:0}@keyframes a-draw{0%{stroke-dashoffset:var(--len)}to{stroke-dashoffset:0}}@keyframes a-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.a-pose{transform-box:view-box;transform-origin:0 var(--porte-pose-y);transform:scaleY(1)}.joue .a-pose{animation:a-pose var(--duree-pose,1.4s) cubic-bezier(.38, .5, .5, 1) both}@keyframes a-pose{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.joue .a-trait{animation:a-draw var(--duration-arrive) cubic-bezier(.12, .86, .2, 1) both;animation-delay:calc(var(--rang) * var(--stagger) * 1.3)}.a-ligne{transform-origin:50%}.joue .a-ligne{animation:a-rise var(--duration-move) cubic-bezier(.12, .86, .2, 1) both;animation-delay:calc(var(--depart-main) + var(--ligne) * var(--stagger))}.porte-balle{left:calc(var(--porte-u) * (var(--porte-balle-x) - var(--porte-calque) / 2));top:calc(var(--porte-u) * (var(--porte-balle-y) - var(--porte-calque) / 2));width:calc(var(--porte-u) * var(--porte-calque));height:calc(var(--porte-u) * var(--porte-calque));pointer-events:none;position:absolute}.porte-balle div,.porte-calque{transform-origin:50%;position:absolute;inset:0}.porte-calque{width:100%;height:100%;overflow:visible}.porte-stage:not(.porte-prete) .porte-balle,.porte-stage:not(.porte-prete) .a-lueur{opacity:0}.a-vol,.a-souffle,.a-goutte,.a-tourne,.a-lueur{will-change:transform}.porte-balle .a-ombre{inset:auto;left:calc(var(--porte-u) * (var(--porte-calque) / 2 - 64.74));top:calc(var(--porte-u) * (var(--porte-calque) / 2 - 64.74));width:calc(var(--porte-u) * 129.48);height:calc(var(--porte-u) * 129.48);box-shadow:0 calc(var(--porte-u) * 6) calc(var(--porte-u) * 12) #7cf3c0b3;border-radius:50%}.porte-coutures-floues{filter:blur(6px)}.porte-flou-de-vitesse{filter:blur(7px)}.a-coutures-floues,.a-flou{opacity:0}.a-lueur{left:calc(var(--porte-u) * (var(--porte-balle-x) - var(--porte-lueur)));top:calc(var(--porte-u) * (var(--porte-balle-y) - var(--porte-lueur)));width:calc(var(--porte-u) * var(--porte-lueur) * 2);height:calc(var(--porte-u) * var(--porte-lueur) * 2);transform-origin:calc(var(--porte-u) * (var(--porte-lueur) - var(--porte-balle-x))) calc(var(--porte-u) * (var(--porte-lueur) - var(--porte-balle-y)));pointer-events:none;background:radial-gradient(circle closest-side, color-mix(in srgb, var(--color-marque) 50%, transparent) 0%, color-mix(in srgb, var(--color-marque) 22%, transparent) 28%, color-mix(in srgb, var(--color-marque) 5%, transparent) 62%, color-mix(in srgb, var(--color-marque) 0%, transparent) 100%);position:absolute}.porte-balle .a-goutte{opacity:0}.porte-enseigne{top:calc(var(--porte-u) * var(--porte-mot-top,150));height:calc(var(--porte-u) * var(--porte-mot-h,48));justify-content:center;display:flex;position:absolute;left:0;right:0}.porte-enseigne .a-mot{transform-origin:50%;will-change:transform;align-items:center;display:flex;position:relative}.porte-enseigne .a-mot-net{align-items:center;display:flex}.porte-enseigne .a-mot-flou{opacity:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.porte-flou-du-mot{filter:blur(11px);align-items:center;display:flex}.porte-main{flex-direction:column;display:flex}.porte-titre{text-align:center;font-size:calc(var(--porte-u) * 20);letter-spacing:calc(var(--porte-u) * -.6);color:var(--color-content);text-wrap:balance;font-weight:600;line-height:1.2}.porte-titre--retour{text-align:left;font-size:calc(var(--porte-u) * 28);letter-spacing:calc(var(--porte-u) * -1.1)}.porte-sujet{margin-top:calc(var(--porte-u) * 6);font-size:calc(var(--porte-u) * 14);color:var(--color-muted);line-height:1.3}.porte-sujet+.porte-corps{margin-top:calc(var(--porte-u) * 20)}.porte-corps{margin-top:calc(var(--porte-u) * 44)}.porte-bloc form>*+*{margin-top:calc(var(--porte-u) * 22)}.porte-bloc form>[type=hidden]+*{margin-top:0}.porte-note{margin-top:calc(var(--porte-u) * 26);text-align:center;font-size:calc(var(--porte-u) * 13);color:var(--color-muted);line-height:1.45}.porte-pied{margin-top:calc(var(--porte-u) * 28);justify-content:center;display:flex}:is(.porte-bloc input:where(:not([type=checkbox],[type=radio])),.porte-bloc select,.porte-bloc textarea,.porte-bloc span:has(>input:where(:not([type=checkbox],[type=radio])))){height:calc(var(--porte-u) * 52);border-radius:calc(var(--porte-u) * 12);padding-inline:calc(var(--porte-u) * 16);font-size:calc(var(--porte-u) * 16);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--color-content) 12%, transparent);color:var(--color-content);background:#ffffffb8;background:lab(100% -.0000298023 .0000119209/.72)}.porte-bloc span:has(>input:where(:not([type=checkbox],[type=radio])))>input:where(:not([type=checkbox],[type=radio])){height:auto;box-shadow:none;background:0 0;border-radius:0;padding-inline:0}.porte-bloc textarea{height:auto;padding-block:calc(var(--porte-u) * 14)}.porte-bloc .porte-geste{width:100%;height:calc(var(--porte-u) * 56);font-size:calc(var(--porte-u) * 16);background:var(--color-accent);color:var(--color-on-accent);border-radius:9999px;font-weight:500}.porte-bloc .porte-geste:hover{background:var(--color-accent-hover)}.porte-bloc label{font-size:calc(var(--porte-u) * 13)}.porte-plaque{width:calc(var(--porte-u) * 44);height:calc(var(--porte-u) * 44)}.porte-mot{height:calc(var(--porte-u) * 48)}.lancement{--lancement-pause:var(--lancement-courte-pause);--lancement-zoom:var(--lancement-courte-zoom);--lancement-depart:calc(var(--lancement-pause) + var(--lancement-zoom) * .35 + var(--lancement-avance,0s));z-index:var(--z-toast);pointer-events:none;display:none;position:fixed;inset:0;overflow:hidden}:root[data-lancement] .lancement{display:block}:root[data-lancement=longue] .lancement{--lancement-pause:var(--lancement-longue-pause);--lancement-zoom:var(--lancement-longue-zoom)}.lancement-fond{background:var(--field);animation:lancement-fondu calc(var(--lancement-zoom) * .65) linear var(--lancement-depart) both;position:absolute;inset:0}:root[data-lancement=longue]:not([data-theme=dark]) .lancement-fond{background:var(--lancement-sol-porte)}.lancement-dessous{animation:lancement-fondu calc(var(--lancement-zoom) * .65) linear var(--lancement-depart) both;position:absolute;inset:0}.lancement-dessous[data-sur-attente]{animation:none;display:none}:root:has([data-lancement-attend]) .lancement-dessous[data-sur-attente]{display:block}:root[data-lancement] [data-lancement-attend]{visibility:hidden}.lancement-enseigne{top:calc(var(--porte-u) * var(--lancement-mot-top));height:calc(var(--porte-u) * var(--lancement-mot-h));justify-content:center;display:flex;position:absolute;left:0;right:0}.lancement-mot{transform-origin:50%;animation:lancement-elan calc(var(--lancement-zoom) * var(--lancement-coupe)) var(--lancement-courbe-avant) calc(var(--lancement-pause) + var(--lancement-avance,0s)) both, lancement-passe calc(var(--lancement-zoom) * (1 - var(--lancement-coupe))) var(--lancement-courbe-apres) calc(var(--lancement-pause) + var(--lancement-zoom) * var(--lancement-coupe) + var(--lancement-avance,0s)) forwards;align-items:center;display:flex}@keyframes lancement-elan{0%{transform:scale(1)}to{transform:scale(var(--lancement-elan))}}@keyframes lancement-passe{0%{transform:scale(var(--lancement-elan));opacity:1}to{transform:scale(var(--lancement-echelle));opacity:0}}@keyframes lancement-fondu{0%{opacity:1}to{opacity:0}}.porte-attente{pointer-events:none;position:fixed;inset:0;overflow:hidden}