:root{--font-family: 'Exo 2';--font-size: 3vw;--font-weight-normal: 200;--font-weight-bold: 400;--font-weight-heavy: 700;--color-text: #f3f4f6;--color-text-muted: #9ca3af;--color-bg: #0b0f19;--color-primary: #2563EB;--color-primary-hover: color-mix(in srgb, var(--color-primary), #000000 20%);--color-primary-light: color-mix(in srgb, var(--color-primary), #ffffff 80%);--color-error: #DC2626;--color-error-hover: color-mix(in srgb, var(--color-error), #000000 20%);--color-error-light: #FEF2F2;--color-success: #16A34A;--color-success-hover: color-mix(in srgb, var(--color-success), #000000 20%);--color-success-light: #F0FDF4;--color-warning: #D97706;--color-warning-hover: color-mix(in srgb, var(--color-warning), #000000 20%);--color-warning-light: #FEF3C7;--color-info: #2563EB;--color-info-hover: color-mix(in srgb, var(--color-info), #000000 20%);--color-info-light: #EFF6FF;--color-other: #7C3AED;--color-other-hover: color-mix(in srgb, var(--color-other), #000000 20%);--color-other-light: #F5F3FF;--color-inactive: #acb7d6;--color-inactive-hover: color-mix(in srgb, var(--color-inactive), #000000 20%);--color-inactive-light: #E5E7EB}*,*::before,*::after{box-sizing:border-box;outline:none}html,body{width:100%;height:100%;font-family:var(--font-family),serif;font-size:var(--font-size);font-weight:var(--font-weight-normal);color:var(--color-text);margin:0;touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}body{display:flex;flex-direction:column;background-color:var(--color-bg);background-image:radial-gradient(circle at 10% 20%, rgba(37, 99, 235, 0.1) 0%, transparent 40%),radial-gradient(circle at 90% 80%, rgba(37, 99, 235, 0.1) 0%, transparent 40%)}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:4vw}h1{font-size:3rem;font-weight:var(--font-weight-heavy);text-align:center;margin:0 0 12vw 0}h2{font-size:1.5rem;font-weight:var(--font-weight-bold);text-align:center;color:var(--color-text-muted);margin:0 0 10px 0}p{font-size:2.5rem;font-weight:var(--font-weight-bold);margin:0 0 50px 0}button.error,button.success,button.warning,button.info,button.other,button.inactive{--color-button: var(--color-primary);height:4vw;width:fit-content;display:flex;align-items:center;justify-content:center;font-family:inherit;font-size:var(--font-size);font-weight:var(--font-weight-bold);letter-spacing:.8vw;text-transform:uppercase;color:#fff;background-color:var(--color-button);border:none;outline:none;border-radius:1vw;margin-bottom:1vw;padding:8.4vw 8vw 8vw 8vw;cursor:pointer;box-shadow:0 1.5vw 0 color-mix(in srgb, var(--color-button), #000000 50%);transition:all .1s ease;touch-action:manipulation}button.error:hover:not(:disabled),button.success:hover:not(:disabled),button.warning:hover:not(:disabled),button.info:hover:not(:disabled),button.other:hover:not(:disabled),button.inactive:hover:not(:disabled){background-color:color-mix(in srgb, var(--color-button), #000000 20%)}button.error:active:not(:disabled),button.success:active:not(:disabled),button.warning:active:not(:disabled),button.info:active:not(:disabled),button.other:active:not(:disabled),button.inactive:active:not(:disabled){transform:translateY(1.5vw);box-shadow:0 0 0 color-mix(in srgb, var(--color-button), #000000 50%)}button.fit{width:fit-content !important;flex:unset !important}button.error{--color-button: var(--color-error)}button.success{--color-button: var(--color-success)}button.warning{--color-button: var(--color-warning)}button.other{--color-button: var(--color-other)}button:disabled{--color-button: var(--color-inactive);cursor:not-allowed}#start{justify-content:center}#start .text{text-align:center;margin-bottom:12vw;padding:0 8vw}header{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-bg);border-bottom:2px solid var(--color-inactive);padding:21px 24px 19px 24px}header .timer{width:75px;text-align:right;font-weight:var(--font-weight-bold)}#questions .topic{text-transform:uppercase;font-weight:var(--font-weight-bold);color:var(--color-text-muted)}#questions .question{flex:1;font-size:1.5rem;text-align:center}#questions .answers{width:100%;display:flex;flex-direction:column;justify-content:center;gap:2vw}#questions .answers .answer{display:flex;align-items:center;border:.6vw solid var(--color-inactive);border-radius:9999px;gap:2vw;padding:1vw;cursor:pointer;transition:.2s}#questions .answers .answer span.icon{height:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--font-weight-bold);color:var(--color-bg);background:var(--color-inactive);border-radius:50%;padding:4vw;transition:.2s}#questions .answers .answer span.label{font-size:1.5rem}#questions .answers.clicked .answer[data-correct="1"]{opacity:1;color:var(--color-success);border-color:var(--color-success)}#questions .answers.clicked .answer[data-correct="1"] span.icon{background:var(--color-success)}#questions .answers.clicked .answer.selected[data-correct="0"]{opacity:1;color:var(--color-error);border-color:var(--color-error)}#questions .answers.clicked .answer.selected[data-correct="0"] span.icon{background:var(--color-error)}#questions .answers.clicked .answer{opacity:.3}#questions button{margin-top:4vw}#ending{justify-content:center}/*# sourceMappingURL=app.css.map */