*{box-sizing:border-box;border:none;border-radius:0;margin:0;padding:0}html{color:var(--text);font-family:Barlow,sans-serif;font-size:16px;overflow-y:hidden}body,html{width:100%;height:100%}body{line-height:1.5}:root{--border:#00000059;--highlight:#eb509b;--success:#087d9a;--failure:#cd0f4e;--neutral:#ececec;--text:#0c2845;--text-light:#fff;--interactive:#ffcf00;--space-0:0px;--space-0\.5:4px;--space-1:8px;--space-1\.5:12px;--space-2:16px;--space-2\.5:20px;--space-3:24px;--space-3\.5:28px;--space-4:32px;--space-4\.5:36px;--space-5:40px;--space-5\.5:44px;--space-6:48px;--space-6\.5:52px;--space-7:56px;--space-7\.5:60px;--space-8:64px;--space-8\.5:68px;--space-9:72px;--space-9\.5:76px;--space-10:80px}#root{flex-direction:column;width:100%;height:100%;display:flex}.bg-highlight{background-color:var(--highlight)}* .valid{background-color:var(--interactive);color:var(--text)}* .invalid{background-color:var(--neutral);color:var(--text)}* .success{background-color:var(--success)}* .failure,* .success{color:var(--text-light)}* .failure{background-color:var(--failure)}* .submitting{background-color:var(--neutral);color:var(--text)}.m-xl{margin-top:var(--space-8)}.m-l{margin-top:var(--space-4)}.m-m{margin-top:var(--space-2)}.m-s{margin-top:var(--space-1)}.m-xs{margin-top:var(--space-0\.5)}.p-xl{padding:var(--space-8)}.p-l{padding:var(--space-4)}.p-m{padding:var(--space-2)}.p-s{padding:var(--space-1)}.p-xs{padding:var(--space-0\.5)}.h-full{height:100%}.fade-in{animation:.5s ease-in fade-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.spin{animation:2s linear infinite spin}@keyframes spin{0%{transform:rotate3d(0,0,0,0)}to{transform:rotate(1turn)}}.col{flex-direction:column}.col,.row{display:flex}.row{flex-direction:row}.grow{flex-grow:1}.center-axis{align-items:center}.center-cross{justify-content:center}main{max-width:400px;height:auto;margin-left:auto;margin-right:auto}@media (width<=416px){main{padding-left:var(--space-1);padding-right:var(--space-1)}}header{border-bottom:1px solid var(--border);z-index:100;background-color:#fff;flex-grow:0;height:64px;display:flex}.logo{min-width:42px;max-width:69px;padding-left:var(--space-1)}@media (width<=350px){.logo{display:none}}h1{text-transform:uppercase;padding:var(--space-2);color:#fff;text-align:right;width:fit-content;font-family:Barlow,sans-serif;font-size:28px;font-weight:100;line-height:110%}h1.scenario-title{text-align:left}h1.scenario-title,h2{color:var(--highlight);font-weight:900}h2{letter-spacing:1.2px;text-transform:uppercase;font-size:24px;line-height:100%}h2,p{font-family:Barlow,sans-serif}p{font-size:21px}@media (width<=416px){h1{font-size:24px}h2{font-size:20px}button,p{font-size:16px}}label{padding-bottom:var(--space-1);color:var(--highlight);text-transform:uppercase;font-size:16px;font-weight:600;line-height:100%;display:inline-block}input{border:1px solid var(--border);padding:var(--space-1);z-index:10;background-color:#fff;width:100%;font-family:Barlow,sans-serif;font-size:21px;font-weight:400}input:disabled{background-color:var(--neutral)}button{padding:var(--space-1);border:1px solid var(--border);background-color:var(--interactive);color:var(--text)}button:not(:disabled):hover{background-color:var(--highlight)}button.small{width:43px;height:43px;margin-left:-1px}button.reload{margin-top:var(--space-2);letter-spacing:0;text-transform:uppercase;padding:var(--space-1);font-weight:400;line-height:100%}button.choice,button.reload{color:var(--text);font-family:Barlow,sans-serif;font-size:21px}button.choice{text-align:left;width:100%;min-height:56px;padding:var(--space-2);font-weight:600;line-height:120%}ul{list-style:none}.content{width:100%;height:100%;padding-bottom:var(--space-8);scroll-behavior:smooth;flex-grow:1;overflow-y:auto}mark{color:var(--text-light);text-transform:uppercase;letter-spacing:1.2px;background-color:var(--highlight);font-size:24px;font-weight:600;line-height:100%;display:inline-block}mark,output{padding:var(--space-1)}output{border:1px solid var(--border);margin-top:-1px;font-size:21px}.arrow{border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:10px solid var(--highlight);width:0;height:0}.waiting-spinner{width:48px;height:48px;margin-right:var(--space-2);flex:none}
