body{touch-action:none}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#img-container{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.projet{position:relative}.preload{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:80px;color:#fff}.mix-modal{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}.page{position:absolute;width:1000%;height:1000%;top:-450%;left:-450%;transform:scale(.1);transform-origin:center;display:flex;justify-content:center;align-items:center}.page img{pointer-events:none;-webkit-user-select:none;user-select:none}.page .main{position:relative}.page .main>.image.loaded{position:absolute;top:0;left:0;width:100%;height:100%}.page .portails{position:absolute;top:0;left:0;width:100%;height:100%}.osd{background-color:#000;color:#fff;position:absolute;z-index:100;display:block}.image{position:absolute;top:0;left:0}.image>img{position:absolute;opacity:0;top:0;left:0;width:100%;height:100%;transition:opacity .5s}.image.loaded>img{opacity:1}.son{position:absolute;top:0;left:0;width:100%;height:100%;border:10px solid red;background-color:#f001;display:none}.portail{position:absolute;top:0;left:0;-webkit-tap-highlight-color:transparent}.portail>.image.loaded{position:absolute;top:0;left:0;width:100%;height:100%}.portail>.image.loaded img{object-fit:contain}.portail .contour{z-index:2}.portail>div{position:absolute;z-index:10;font-size:50px}.dashboard{position:fixed;bottom:0;left:0;width:100%;height:70px;z-index:10;display:flex;justify-content:space-between;flex-direction:row}.dashboard .image{width:50px;height:50px}.dashboard .image img{object-fit:contain}.dashboard .back{position:relative;background:var(--background);padding:10px 0;border-radius:0 10px 0 0;box-shadow:0 0 30px #0003}.dashboard .back>div{position:relative;width:50px;height:50px;margin:0 15px;cursor:pointer}.dashboard .forward{position:relative;background:var(--background);padding:10px 0;border-radius:10px 0 0;display:flex;flex-direction:row;box-shadow:0 0 30px #0003;max-width:calc(100% - 95px);overflow-x:scroll}.dashboard .forward>div{position:relative;width:50px;height:50px;margin:0 15px;cursor:pointer;flex-shrink:0}.notfound{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.notfound .logo{position:relative;z-index:1}.notfound .texte{position:relative;z-index:1;padding:50px}.notfound .halo{z-index:0;position:absolute;top:0;left:0;width:100%;height:100%}#root{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;background-color:#000;-webkit-user-select:none;user-select:none}#root .route{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--background, #000);color:var(--color, #FFF)}#root .route-enter{position:absolute;transform:none;opacity:0;z-index:1;overflow:hidden}#root .route-enter-active{position:absolute;opacity:1;transform:none;transition:opacity 2s cubic-bezier(.32,0,.67,0);overflow:hidden;pointer-events:none}#root .route-exit{position:absolute;transform:none;opacity:1;overflow:hidden;z-index:0}#root .route-exit-active{position:absolute;opacity:0;transform:none;transition:opacity 2s cubic-bezier(.32,0,.67,0);overflow:hidden;pointer-events:none}