:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;background:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--inactive-color: #354958;--active-color: #3690da;--active-hover-color: #8dc9fa;--app-background: #111111;--app-content-background: #0c0c0c}body{margin:0;min-width:320px;min-height:100vh}.button{all:unset;appearance:none;display:inline-block;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--active-color);text-align:center;font-weight:700;border-radius:9999px;transition:background .2s}.button:disabled{cursor:default;opacity:.3}.button:not(:disabled):hover{background:var(--active-hover-color)}.progression{position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.step{font-weight:700;display:flex;flex-direction:column;align-items:center;color:#3690da;opacity:.3;transition:opacity .6s}.step svg{font-size:3em}.step.selected{opacity:1}.file-selector{display:flex;justify-content:space-between;align-items:center;width:200px;cursor:pointer;padding:10px 20px;transition:all .2s}.file-selector svg{font-size:2em}.file-selector p{font-size:1em;margin:0;font-weight:700;overflow:hidden;width:160px;text-align:left}.date-inputs{padding:20px;display:flex;justify-content:center;align-items:center;gap:20px}.date-inputs input{all:unset;appearance:none;cursor:text;border:3px var(--active-color) solid;padding:10px;border-radius:9999px;text-align:center;font-weight:700}.date-inputs div{font-weight:700;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}.date-inputs .day input,.date-inputs .month input{width:80px}.date-inputs .year input{width:120px}.header{display:flex;align-items:center;justify-content:flex-start;width:100%;font-weight:700}.header svg{font-size:2em;padding:20px}.error-box{display:flex;flex-direction:column;width:100%;height:360px;box-sizing:border-box;padding:0 20px 20px}.scroll-box{flex:1;overflow-y:scroll;padding:0 20px}.error{background:#000;display:flex;border:2px var(--active-color) solid;border-radius:8px;padding:8px 20px;margin-top:8px}.error div{flex:1;display:flex}.error-header{display:flex;font-weight:700;padding:0 42px}.error-header div{flex:1}.noerror-p{font-weight:700}.navbox{height:40px;position:relative}.navbox button{background:var(--active-color);height:100%;width:120px}.navbox .navbox--next{position:absolute;top:0;right:0}.navbox .navbox--prev{position:absolute;top:0;left:0}.container{display:flex;justify-content:center;align-items:center;min-height:100vh}.app{width:1000px;height:600px;background-color:var(--app-background);border-radius:20px;padding:40px;display:flex;flex-direction:column;gap:30px}.app--content{flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column;background:var(--app-content-background);border-radius:20px;box-sizing:border-box;overflow:hidden}