*{position:relative;z-index:0;margin:0;padding:0}:focus{outline-color:var(--color-accent-0)}html{height:100%;overflow:hidden;touch-action:none}body{height:100%;background-color:var(--color-light-0);font-family:Marianne;color:var(--color-dark-0);overflow:hidden;touch-action:none}a{color:var(--color-dark-0);text-decoration:none}body.offline::after{display:block;position:absolute;bottom:0;z-index:-1;width:100%;content:"mode hors-ligne";color:var(--color-light-0);font-size:1em;font-weight:700;text-align:center;background-color:#f9335f}#top-bar{display:grid;grid-template-columns:1fr auto;grid-template-rows:repeat(2,min-content);top:1em;left:50%;height:3.4em;width:95vmin;box-sizing:border-box;padding:.3em 1.5em;padding-right:.3em;border-radius:1.7em;translate:-50% 0;color:var(--color-dark-1);background-color:var(--color-light-1)}#top-bar h1{grid-column:1;grid-row:1;font-size:1.35em}#top-bar h2{grid-column:1;grid-row:2;font-size:.65em}#menu-button{display:block;grid-column:2;grid-row:1/3;height:2.8em;width:2.8em;box-sizing:border-box;padding:.5em;border-radius:1.7em;background-color:var(--color-light-1);transition:.1s ease-in-out background-color}#menu-button:focus{outline:solid;outline-color:var(--color-accent-0)}#menu-button:hover{outline-color:var(--color-accent-1);background-color:var(--color-light-0)}@keyframes menu-button-loading-animation{to{rotate:360deg}}#menu-button:before{display:block;position:absolute;top:0;left:0;height:100%;width:100%;box-sizing:border-box;border-radius:inherit;content:"";border:solid .15em transparent}#menu-button.loading:before{border-top-color:var(--color-accent-0);animation:menu-button-loading-animation 1s infinite linear}#menu-button div{top:50%;left:50%;height:.15em;width:90%;background-color:var(--color-accent-0);translate:-50% -50%;transition:.2s ease-in-out background-color}#menu-button:hover div{background-color:var(--color-accent-1)}#menu-button div:after,#menu-button div:before{display:block;position:absolute;left:50%;height:100%;width:100%;content:"";background-color:inherit;translate:-50% -0.5em}#menu-button div:after{translate:-50% 0.5em}#menu{position:absolute;top:5.4em;left:50%;z-index:2;height:calc(100vh - 6.1em);width:95vmin;box-sizing:border-box;padding:.5em;border-radius:.5em;border:none;background-color:var(--color-light-1);translate:-50% 0}#menu::backdrop{background-color:transparent;cursor:pointer}#menu ul{margin:.5em 0;padding:.3em 0;padding-left:.5em;list-style:none}#menu summary{font-size:1.3em;list-style:none;cursor:pointer}#menu summary::-webkit-details-marker{display:none}#menu details ul{border:.15em solid var(--color-accent-0);border-radius:.5em}[x-data*=planning_selector] li{display:block;height:1.5em;cursor:pointer}[x-data*=planning_selector] svg{margin-right:.5em;height:1em;fill:transparent;stroke:var(--color-accent-0);stroke-width:3.5em;transition:.2s ease-in-out fill,.2s ease-in-out stroke}[x-data*=planning_selector] svg.selected{fill:var(--color-accent-0)}[x-data*=planning_selector] svg:focus,[x-data*=planning_selector] svg:hover{stroke:var(--color-accent-1)}[x-data*=planning_selector] svg.selected:focus,[x-data*=planning_selector] svg.selected:hover{fill:var(--color-accent-1)}#room .time-left{margin-left:1em;font-size:.8em}