:root{font-family:Inconsolata,monospace;line-height:1.5;font-weight:400;color-scheme:light dark;color:#000000de;background-color:#fff;font-size:18px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}#root{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,auto));grid-template-rows:repeat(auto-fill,minmax(100px,auto));justify-items:center}body{margin:0}.fullpage{box-sizing:border-box;width:100vw;transition:width .75s ease-in-out .2s;overflow:hidden}.move{width:50vw;transition:width .75s ease-in-out .2s}.vignette{width:5rem;height:5rem;margin:2rem;transition:height .3s ease-in,width .3s ease-in-out,margin .3s ease-in}.vignette img{width:100%;height:100%;cursor:pointer}.vignette-selected{outline:1px solid black;filter:brightness(150%) contrast(1.2);transition:filter .5s cubic-bezier(.165,.84,.44,1)}.sosie-modal{position:fixed;top:0;background-color:#fff;border-left:1px solid black;box-shadow:-15px 0 15px #0003;width:50vw;height:100vh;right:0;box-sizing:border-box;padding:1rem;translate:50vw;transition:translate 1s ease-in-out .2s}.sosie-modal.selected{translate:0;transition:translate 1s ease-in 2S}.sosie-source{position:fixed;top:2rem;left:1rem;z-index:2;width:25vw;filter:invert(100%);mix-blend-mode:exclusion;pointer-events:none;opacity:1;transition:opacity .3s ease-in-out}.sosie-source.hidden{opacity:0}.sosie-modal .sosies{display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:wrap;width:100%;overflow:hidden}.sosie-modal .sosies img{width:3rem;margin:.1rem}.no-animation{transition:none!important}.info_bulle{--x: 0;--y: 0;position:fixed;left:calc(var(--x) + .5rem);top:calc(var(--y) + .5rem);max-width:fit-content;color:#000;font-size:.8rem;pointer-events:none;position:relative;z-index:1;backdrop-filter:brightness(200%) contrast(1.2);background-color:#fff9;opacity:0;transition:opacity .2s ease-in}.info_bulle.show{transition:opacity .2s ease-in;opacity:1}