*{border:none;border-radius:0;box-sizing:border-box;margin:0;padding:0}html{color:var(--text);font-family:Barlow,sans-serif;font-size:16px;overflow-y:hidden}body,html{height:100%;width:100%}body{line-height:1.5}:root{--border:rgba(0,0,0,.35);--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{display:flex;flex-direction:column;height:100%;width:100%}.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:fade-in .5s ease-in}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.spin{animation:spin 2s linear infinite}@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{height:auto;margin-left:auto;margin-right:auto;max-width:400px}@media (max-width:416px){main{padding-left:var(--space-1);padding-right:var(--space-1)}}header{background-color:#fff;border-bottom:1px solid var(--border);display:flex;flex-grow:0;height:min-content;height:64px;z-index:100}.logo{max-width:69px;min-width:42px;padding-left:var(--space-1)}@media (max-width:350px){.logo{display:none}}h1{color:#fff;font-family:Barlow,sans-serif;font-size:28px;font-weight:100;line-height:110%;padding:var(--space-2);text-align:right;text-transform:uppercase;width:fit-content}h1.scenario-title{text-align:left}h1.scenario-title,h2{color:var(--highlight);font-weight:900}h2{font-size:24px;letter-spacing:1.2px;line-height:100%;text-transform:uppercase}h2,p{font-family:Barlow,sans-serif}p{font-size:21px}@media (max-width:416px){h1{font-size:24px}h2{font-size:20px}button,p{font-size:16px}}label{color:var(--highlight);display:inline-block;font-size:16px;font-weight:600;line-height:100%;padding-bottom:var(--space-1);text-transform:uppercase}input{background-color:#fff;border:1px solid var(--border);font-family:Barlow,sans-serif;font-size:21px;font-weight:400;padding:var(--space-1);width:100%;z-index:10}input:disabled{background-color:var(--neutral)}button{background-color:var(--interactive);border:1px solid var(--border);color:var(--text);padding:var(--space-1)}button:not(:disabled):hover{background-color:var(--highlight)}button.small{height:43px;margin-left:-1px;width:43px}button.reload{color:var(--text);font-family:Barlow,sans-serif;font-size:21px;font-weight:400;letter-spacing:0;line-height:100%;margin-top:var(--space-2);padding:var(--space-1);text-transform:uppercase}.content{flex-grow:1;height:100%;overflow-y:auto;padding-bottom:var(--space-8);scroll-behavior:smooth;width:100%}mark{background-color:var(--highlight);color:var(--text-light);display:inline-block;font-size:24px;font-weight:600;letter-spacing:1.2px;line-height:100%;text-transform:uppercase}mark,output{padding:var(--space-1)}output{border:1px solid var(--border);font-size:21px;margin-top:-1px}.arrow{border-bottom:10px solid transparent;border-left:10px solid var(--highlight);border-top:10px solid transparent;height:0;width:0}
