*,*:before,*:after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--color: var(--color-primary);--grey-color: var(--color-secondary);--grey-subtle-color: var(--bg-secondary);--red-icon-color: var(--color-accent);--main-background-color: var(--bg-primary)}form.disabled .form-group input,form.disabled .form-group textarea{color:rgb(var(--grey-color) / .7);border-color:rgb(var(--grey-subtle-color))}:is(form.disabled .form-group input,form.disabled .form-group textarea)~label{padding-right:1rem;background-color:rgb(var(--main-background-color) / 1);color:rgb(var(--red-icon-color) / .8);transform:translate(.5rem,-1.2rem) scale(.9)}.form-group{position:relative;width:100%;display:flex;align-items:center;margin:.5em 0}.form-group.invalid>input{border:1px solid rgb(var(--red-icon-color))}.form-group.invalid>div{visibility:visible;opacity:1}.form-group input,.form-group textarea{width:100%;padding:.5rem .5rem .5rem 1.2rem;border:0;border:1px solid rgb(var(--grey-color) / .3);border-radius:5px;text-overflow:ellipsis;font-size:1rem;color:rgb(var(--color));transition:border .3s ease}.form-group textarea{resize:none}.form-group input~label,.form-group textarea~label{position:absolute;left:.5rem;padding-left:.5rem;background-color:rgb(var(--main-background-color) / 0);transition:transform .2s ease,padding-right .5s ease-out .2s,color .2s ease}.form-group textarea~label{top:.5rem}.form-group textarea~label~div{top:8.8rem}.form-group label~div{visibility:hidden;opacity:0;position:absolute;top:2.5rem;left:50%;transform:translate(-50%);color:rgb(var(--red-icon-color));background-color:rgb(var(--main-background-color) / 0);font-size:.9em;transition:opacity .3s ease}:is(.form-group input:focus,.form-group input:focus-visible,.form-group input:not(:placeholder-shown),.form-group textarea:focus,.form-group textarea:focus-visible,.form-group textarea:not(:placeholder-shown))~label{padding-right:1rem;border:1px solid transparent;background-color:rgb(var(--main-background-color) / 1);color:rgb(var(--red-icon-color));transform:translate(.5rem,-1.2rem) scale(.9)}.form-group input:disabled,.form-group textarea:disabled{background-color:inherit;font-style:italic;pointer-events:none}:is(.form-group input:disabled,.form-group textarea:disabled)+label{color:rgb(var(--grey-color));background-color:rgb(var(--main-background-color));border-radius:5px;font-style:italic;pointer-events:none}.form-group input:focus,.form-group input:focus-visible,.form-group textarea:focus,.form-group textarea:focus-visible{border:1px solid rgb(var(--grey-color) / .3);outline:1px dotted rgb(var(--grey-color) / .3)}.form-group .label-as-title{padding:1.4rem .5rem .1rem 1.2rem}.form-group .is-number{padding-left:2rem}:root{--gray-100: 245 245 245;--gray-200: 230 230 230;--gray-300: 212 212 212;--gray-400: 180 180 180;--gray-500: 150 150 150;--gray-600: 120 120 120;--gray-700: 90 90 90;--gray-800: 66 66 66;--gray-900: 40 40 40;--gray-1000: 20 20 20;--red-100: 255 230 230;--red-200: 255 204 204;--red-300: 255 153 153;--red-400: 230 102 102;--red-500: 204 51 51;--red-600: 179 25 25;--red-700: 154 0 0;--red-800: 120 0 0;--red-900: 90 0 0;--red-1000: 60 0 0;--color-primary: var(--gray-900);--color-secondary: var(--gray-700);--color-accent: var(--red-600);--color-success: 0 128 0;--color-error: var(--red-600);--color-disabled: var(--gray-700);--color-contra-accent: 255 255 255;--bg-primary: 255 255 255;--bg-secondary: var(--gray-100);--bg-accent: var(--red-700);--border-primary: var(--gray-900);--border-secondary: var(--gray-400);--border-accent: var(--red-600);--border-radius: 3px}html,body{font-family:Inter,Source Sans Pro,Helvetica,Arial,sans-serif;font-size:15px;height:100vh}app-root{display:flex;flex-direction:column;min-height:100vh}main,#temporal,app-bobines{flex-grow:1}h1{font-size:calc(1.5em + 1vw)}h3{font-size:1.25em}h4{font-size:1.2em}a{color:rgb(var(--color-secondary));text-decoration:none;border-bottom:1px solid transparent}a:hover{-webkit-text-stroke:.3px;border-bottom:1px solid rgb(var(--color-secondary))}a:hover i{-webkit-text-stroke:1px}a.disabled{pointer-events:none;cursor:default;color:rgb(var(--color-disabled))}button{padding:.5em;border:0;border:1px solid rgb(var(--border-primary));border-radius:var(--border-radius);background-color:rgb(var(--bg-primary))}button:hover,button:focus-within{border:1px solid rgb(var(--border-secondary));background-color:rgb(var(--bg-secondary));cursor:pointer;-webkit-text-stroke:.2px}button span{display:inline-block;vertical-align:middle}button span+span{margin-left:.5em}button:disabled{color:rgb(var(--color-disabled));cursor:auto;opacity:.6}span{margin:0;padding:0}input{width:100%;padding:1rem;border:0px;border-radius:3px;background-color:rgb(var(--bg-primary));border-bottom:2px solid transparent}input:focus-visible{outline:0;border-bottom:2px solid rgb(var(--red-color) / .5)}input.required{border:1px solid rgb(var(--red-icon-color) / .5)!important}.material-symbols-outlined{margin:0 .2em}
