@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&family=Roboto:wght@400;900&display=swap";@import "https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0,-25";:root{--color-theme-0:#8fffc3;--color-theme-1:#8fdaff;--color-theme-2:#fff985;--color-theme-3:#ffa366;--color-theme-4:#d0d8dc;--color-highlight:var(--color-theme-0);--color-dark:#31404d;--color-light:#fff;--color-cellule:#fff;--color-cellule-2:#31404d14;--color-drag-hint:#31404d2b}.theme-0{--color-highlight:var(--color-theme-0)}.theme-1{--color-highlight:var(--color-theme-1)}.theme-2{--color-highlight:var(--color-theme-2)}.theme-3{--color-highlight:var(--color-theme-3)}.theme-4{--color-highlight:var(--color-theme-4)}.theme-colors{display:flex}.theme-color{cursor:pointer;border:none;width:5.5rem;height:5.5rem;transition:width .25s ease-out;display:block}.theme-color+.theme-color{margin-left:.1rem}.theme-color.theme-color-0{background-color:var(--color-theme-0)}.theme-color.theme-color-1{background-color:var(--color-theme-1)}.theme-color.theme-color-2{background-color:var(--color-theme-2)}.theme-color.theme-color-3{background-color:var(--color-theme-3)}.theme-color.theme-color-4{background-color:var(--color-theme-4)}*,:before,:after{box-sizing:border-box}html{height:100%;font-size:62.5%}body{-webkit-font-smoothing:antialiased;color:var(--color-light);background-color:var(--color-dark);border:1px solid #0000;margin:0;padding:0 0 12.5rem;font-family:Roboto,sans-serif;font-size:1.5rem;line-height:1.5em}#root{z-index:1;position:relative}#main{z-index:0;position:fixed;top:100%}.container{width:100%;max-width:860px;margin:auto}@media screen and (width>=1100px){.container{max-width:1000px}}.container{padding:0 1rem}.color-highlight{color:var(--color-highlight)}hr{border:none;border-top:1px solid var(--color-light);margin:5rem auto}.title{text-align:center;margin:auto auto 2rem}.title>span{color:var(--color-light);border-bottom:.4rem solid var(--color-highlight);padding:2.5rem 5rem;display:inline-block}.menu{background-color:var(--color-highlight);z-index:100;padding:.1rem;display:flex;position:fixed;top:0;left:0;right:0}.nav{margin:auto auto auto 0;display:flex}.nav>a{color:var(--color-highlight);background-color:var(--color-dark);text-transform:uppercase;border-radius:.5rem;align-items:center;height:5rem;padding:0 3rem;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.nav>a+a{margin-left:.1rem}.panel{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;position:fixed;inset:0}.panel.is-hidden{visibility:hidden}.panel.is-show{visibility:visible}.panel.is-show:before{opacity:.9}.panel.is-show .panel-inner{opacity:1;transform:translate(0,0)}.panel.is-show .panel-close{opacity:1}.panel-inner{opacity:.25;width:100%;margin:auto;transition:opacity .35s ease-out,transform .35s ease-out;position:relative;transform:translateY(20%)}.panel:before{content:"";background-color:var(--color-dark);opacity:0;transition:opacity .35s ease-out;position:absolute;inset:0}.panel-close{opacity:0;transition:opacity .35s ease-out;position:absolute;top:0;right:0}.panel-trigger{margin-right:.1rem}.panel.is-show+.panel-trigger{z-index:1000;position:relative}.cellule{width:100%;height:5.5rem;color:var(--color-dark);text-align:right;font-family:Roboto Mono,monospace;font-size:1.5rem;font-weight:inherit;background:0 0;border:none;justify-content:flex-end;align-items:center;padding:0 2rem;display:flex}.cellule:focus{font-weight:900}.cellule::selection{background:var(--color-cellule)}.cellule-form{width:100%;margin:0;padding:0;display:block}a .cellule{text-decoration:none}button.cellule{cursor:pointer}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}table{border-collapse:collapse;background-color:var(--color-light);empty-cells:hide;width:100%}table .empty-cell{visibility:hidden}table .actions-cell{text-align:left;width:5.5rem;background:0 0!important}td,th{border:1px solid var(--color-dark);height:5.5rem;padding:0}th{background-color:var(--color-highlight);color:var(--color-dark)}tbody tr:nth-child(odd) td{background:var(--color-cellule)}tbody tr:nth-child(2n) td{background:var(--color-cellule-2)}tbody tr:nth-child(2n) td .cellule::selection{background:var(--color-cellule-2)}.highlight-cell{vertical-align:top}.highlight-cell .cellule{background:var(--color-highlight);border-bottom:1px solid;height:5.6rem}.table-cumul{width:calc(100% + .2rem);margin:-.1rem}.button{background:var(--color-highlight);color:var(--color-dark);text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;min-width:5.5rem;height:5.5rem;padding:1.5rem 5.5rem;font-family:Roboto,sans-serif;font-weight:900;display:inline-flex}.button:hover,.button-secondary{background:var(--color-light)}.button-secondary:hover{background:var(--color-highlight)}.button-card{background:var(--color-dark);color:var(--color-light);border:.1rem solid var(--color-dark)}.button-card:hover{background:var(--color-dark);color:var(--color-light)}.button-square{width:5.5rem;padding:0}.step{border:2rem solid;margin:.2rem auto;position:relative;box-shadow:0 0 2rem #00000080}.step+.step{margin-top:-.1rem}.step-actions-inner{margin-top:-2rem;margin-left:2.1rem;position:absolute;top:0;left:100%}.step-actions-inner .button+.button{margin-top:.1rem}.steps-title{margin:5rem auto}.step-title{text-align:center;font-family:Roboto,sans-serif;font-weight:900;line-height:1em}.step-title h3{margin:0;font-size:2rem}.step-title button{color:var(--color-dark);cursor:pointer;background-color:#0000;border:none;width:100%;max-width:75%}.step-title input{text-align:center;color:var(--color-dark);background-color:var(--color-light);text-align:center;border:none;width:100%;max-width:75%;margin:0 auto;padding:0;font-family:Roboto,sans-serif;font-size:2rem;font-weight:900;line-height:1em;display:block}.step-line{cursor:grab;transition:outline .2s ease-out}.step-line>td,.step-line>td>.button{transition:background-color .35s ease-out}.step-line.hint{outline:0 solid var(--color-highlight)}.step-line.hint>td,.step-line.hint>td>.button{background-color:var(--color-drag-hint)}.step-line.active{outline:1.5rem solid var(--color-highlight)}.step-line.active>td,.step-line.active>td>.button{background-color:var(--color-highlight)}.cards{grid-gap:1rem;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(100px,auto);display:grid}.card-body{text-align:center;background-color:var(--color-light);padding:4rem}.card-body:hover{background-color:var(--color-highlight)}.card a{color:var(--color-dark);text-decoration:none}.card-footer{grid-gap:.1rem;grid-template-columns:repeat(2,minmax(50%,100%));grid-auto-columns:auto;margin-top:.1rem;display:grid}.card-footer button{width:100%}.card-add-new{justify-content:center;align-items:center;display:flex}.card-form{position:relative}.card-form-body{background-color:var(--color-dark);box-shadow:0 0 0rem 1rem var(--color-highlight);margin:5rem auto;padding:5rem 10rem}.card-form-close{margin-left:1.1rem;position:absolute;top:-1rem;left:100%}.form-horizontal{align-items:flex-end;display:flex}.form-horizontal .button{margin-left:.1rem}.form-row{grid-gap:1rem;grid-template-columns:auto auto;display:grid}.form-submit{text-align:right;margin-top:1rem}.form-group>label{margin-bottom:.5rem;font-size:2rem;display:block}.form-group input{background-color:var(--color-light);border:none;width:100%;height:5.5rem;padding:2rem;font-size:2rem}.form-group input:read-only{pointer-events:none}.form-group input:read-only::selection{background:var(--color-light)}.form-group input:read-only:focus{outline:none}.toolbar{background-color:var(--color-dark);margin:0;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:-.1rem 0 2rem #00000080}.toolbar-start{margin:auto auto auto 0}.toolbar-end{margin:auto 0 auto auto}.tokens-total{background-color:var(--color-light);margin:auto 0 auto auto}.tokens-total .label{padding:0 2rem}.tokens-total .material-symbols-outlined{line-height:5.5rem}.tokens-total a{text-decoration:none}.tokens-total .cellule:hover{background-color:var(--color-highlight)}