html{font-size:16px}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:400;src:url(../fonts/noto-sans-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Noto Sans;font-style:normal;font-weight:700;src:url(../fonts/noto-sans-latin-700.woff2) format("woff2")}:root{font-family:Noto Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #b07b3b;--background: rgb(36 36 36);background-color:var(--background);--red: #bb0000;--green: #509d50;--yellow: #c0921e;--gray-50: rgb(255 255 255);--gray-100: rgb(239 239 239);--gray-200: rgb(220 220 220);--gray-300: rgb(189 189 189);--gray-400: rgb(152 152 152);--gray-500: rgb(124 124 124);--gray-600: rgb(101 101 101);--gray-700: rgb(82 82 82);--gray-800: rgb(70 70 70);--gray-900: rgb(61 61 61);--gray-950: rgb(41 41 41)}body{--page-padding: .5rem;align-items:center;display:flex;flex-direction:column;font-family:inherit;font-size:1.5rem;justify-content:center;margin:0;max-width:100dvw;min-height:100dvh;min-width:320px;padding:var(--page-padding) var(--page-padding) 0;place-items:center;position:relative;text-align:center;width:100%}@media (min-width: 48rem){body{--page-padding: 1rem;font-size:2rem}}*{box-sizing:border-box}#root{width:100%}h1{display:flex;font-size:2rem;margin:0;justify-content:center;gap:.25rem;color:#fff}h1 span{background-color:var(--gray-900);border:1px solid var(--gray-300);display:block;height:3rem;line-height:2.8rem;width:3rem}h1 span:nth-child(1),h1 span:nth-child(3),h1 span:nth-child(6){background-color:var(--green)}h1 span:nth-child(2),h1 span:nth-child(5){background-color:var(--yellow)}a:not(:has(h1)){overflow:hidden;text-overflow:ellipsis;text-decoration-color:transparent;transition:text-decoration-color 125ms ease-in-out}a:not(:has(h1)),a:not(:has(h1)):hover,a:not(:has(h1)):focus{color:var(--yellow)}a:not(:has(h1)):hover,a:not(:has(h1)):focus{text-decoration-color:var(--yellow)}a:has(h1){text-decoration:none;outline:none}a:has(h1) h1{transition:scale .15s ease-in-out}:is(a:has(h1):hover,a:has(h1):focus-visible) h1{scale:1.1}button,input[type=text]{border-radius:.25rem;color:#fff;font-family:inherit;font-size:inherit;height:3rem}:is(button,input[type=text]):not(:disabled):focus{outline-color:var(--yellow);outline-offset:2px;outline-style:solid}button{background:var(--gray-600);border:none;cursor:pointer;line-height:1;padding:.5rem 1rem;transition:background-color 125ms ease-in-out}button:disabled{background:var(--gray-950);cursor:not-allowed;color:var(--gray-600)}button:not(:disabled):hover{background:var(--yellow)}input{background:var(--gray-950);border:1px solid #ccc;min-width:0;padding:.25rem .5rem}
