*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){color:currentColor;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@font-face{font-display:swap;font-family:KoHo;font-style:normal;font-weight:200;src:url(/assets/koho-v16-latin-200-DTXCUaYJ.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:italic;font-weight:200;src:url(/assets/koho-v16-latin-200italic-DXlqFVDu.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:normal;font-weight:300;src:url(/assets/koho-v16-latin-300-CDb4fw5x.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:italic;font-weight:300;src:url(/assets/koho-v16-latin-300italic-LsnlXP9R.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:normal;font-weight:400;src:url(/assets/koho-v16-latin-regular-y68XAnqf.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:italic;font-weight:400;src:url(/assets/koho-v16-latin-italic-DycyzIzx.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:normal;font-weight:500;src:url(/assets/koho-v16-latin-500-DtzD0EuE.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:italic;font-weight:500;src:url(/assets/koho-v16-latin-500italic-B6aMfpYx.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:normal;font-weight:600;src:url(/assets/koho-v16-latin-600-zYhiAEby.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:italic;font-weight:600;src:url(/assets/koho-v16-latin-600italic-CSqjSc4b.woff2)format("woff2")}@font-face{font-display:swap;font-family:KoHo;font-style:normal;font-weight:700;src:url(/assets/koho-v16-latin-700-Cl_CTrSw.woff2)format("woff2")}:root{--color-white:#fff;--color-black:#000;--color-secondary:#f78e1f;--color-primary:#004573;--color-primary-light:#0282b4;--color-accent:#a50c12;--screen-sm:640px;--screen-md:768px;--screen-lg:1024px;--screen-xl:1280px;--screen-2xl:1536px;--rounded:.625rem;--rounded-lg:1.25rem;--rounded-full:9999px;--layer-0:0;--layer-1:10;--layer-2:20;--layer-3:30;--layer-4:40;--layer-5:50;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--font-body:"KoHo",system-ui,sans-serif;--font-title:var(--font-body);--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a}@supports (color:lab(0% 0 0)){:root{--color-white:lab(100% 0 0);--color-black:lab(0% 0 0);--color-secondary:lab(69.5856% 35.7861 69.5912);--color-primary:lab(27.5895% -4.66304 -32.3291);--color-primary-light:lab(50.4184% -16.5732 -35.2789);--color-accent:lab(35.3832% 57.032 42.9224);--shadow:0 1px 3px 0 lab(0% 0 0/.1),0 1px 2px -1px lab(0% 0 0/.1)}}body{min-height:100vh;font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}.error{background-color:var(--color-white);font-size:var(--text-2xl);border:3px solid var(--color-accent);color:var(--color-accent);border-radius:var(--rounded-lg);box-shadow:var(--shadow);justify-content:center;align-items:center;margin:auto;padding:2rem 1.5rem;font-weight:700;display:flex}.form{flex-direction:column;gap:1.25rem;display:flex}.form__label{font-weight:500;font-size:var(--text-lg);margin-block-end:.5rem;padding-inline:1rem;display:block}.form__field{border-radius:var(--rounded-full);border:2px solid var(--color-primary);width:100%;font-size:var(--text-lg);background-color:var(--color-white);padding:.375rem 1rem;display:block}.form__field:focus{outline-offset:2px;outline:var(--color-primary)solid 2px}.form__error{color:var(--color-accent);text-align:center;width:100%;font-weight:700;display:block}.page{grid-template-rows:1fr 4fr 1fr;grid-template-areas:"header""contents""footer";gap:2rem;height:100vh;padding:1.5rem 1.25rem;display:grid}@supports (height:100dvh){.page{height:100dvh}}.page__header{grid-area:header;justify-content:end;display:flex}@media screen and (min-width:768px){.page__header{width:var(--screen-md);margin-inline:auto}}@media screen and (min-width:1024px){.page__header{width:calc(var(--screen-lg) - 2rem)}}.page__contents{grid-area:contents;align-self:center}@media screen and (min-width:768px){.page__contents{width:calc(var(--screen-md) - 2rem);margin-inline:auto}}.player{display:grid}.player__progress{grid-area:1/1/1/1;transform:rotate(-90deg)}.player__progress-track{color:var(--color-primary-light)}.player__progress-indicator{color:var(--color-primary)}.player__button{z-index:var(--layer-1);border-radius:var(--rounded-full);border-color:var(--color-secondary);width:40%;height:40%;color:var(--color-secondary);cursor:pointer;background-color:#0000;grid-area:1/1/1/1;margin:auto;padding:1.5rem;transition:transform .2s ease-in-out;position:relative}.player__button[data-playing=false] svg{transform:translate(.25rem)}.player__button:hover{transform:scale(1.1)}.player__button:focus{outline:var(--color-secondary)solid 2px;outline-offset:4px;transform:scale(1.1)}.player__button:disabled{cursor:default;transform:none}:is(.player--error,.player--loading) .player__button,:is(.player--error,.player--loading) .player__progress{opacity:.5}.player__error{z-index:var(--layer-2);grid-area:1/1/1/1;position:relative}.scanner{aspect-ratio:1;border-radius:var(--rounded-lg);position:relative;overflow:hidden}.scanner--loading:before{content:"";box-sizing:border-box;border:5px solid var(--color-primary);border-right-color:var(--color-secondary);border-top-color:var(--color-accent);border-bottom-color:#0000;border-radius:50%;width:6rem;height:6rem;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.scanner--loading:before{--translate:-50%;animation:1s linear infinite spin}}.scanner__play{aspect-ratio:1;min-width:5rem;min-height:5rem;display:block;position:absolute;transform:translate(-50%,-50%)}.scanner__error{z-index:var(--layer-2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scanner__play-button{border-radius:var(--rounded-full);background-color:var(--color-primary);width:100%;height:100%;color:var(--color-white);cursor:pointer;border:none;padding:.625rem}.scanner__play-button:before{--border-size:3px;content:"";border:var(--border-size)dashed var(--color-primary-light);width:calc(100% + 2*var(--border-size));height:calc(100% + 2*var(--border-size));border-radius:var(--rounded-full);top:calc(-1*var(--border-size));left:calc(-1*var(--border-size));position:absolute}@media (prefers-reduced-motion:no-preference){.scanner__play-button:before{animation:8s linear infinite spin}}.scanner__play-button svg{transform:translate(2px)}.scanner__camera-switch{width:3rem;height:3rem;z-index:var(--layer-1);border-radius:var(--rounded-full);color:var(--color-primary);cursor:pointer;background-color:#ffffff80;background-color:lab(100% 0 0/.5);border:none;padding:.75rem;position:absolute;bottom:3%;right:3%}.scanner__camera-switch:hover{background-color:#fffc;background-color:lab(100% 0 0/.8)}.scanner__camera-switch:focus{outline-offset:2px;background-color:#fffc;outline:2px solid #fffc;background-color:lab(100% 0 0/.8);outline:2px solid lab(100% 0 0/.8)}@keyframes spin{0%{transform:translate(var(--translate,0),var(--translate,0))rotate(0)}to{transform:translate(var(--translate,0),var(--translate,0))rotate(360deg)}}.settings{margin-bottom:auto;position:relative}.settings__trigger{width:3rem;height:3rem;color:var(--color-white);background-color:var(--color-primary);border-radius:var(--rounded-full);padding:.375rem;display:block}.settings__trigger:hover{background-color:var(--color-primary-light)}.settings__trigger:focus{outline-offset:2px;outline:var(--color-primary)solid 2px}.settings__content{z-index:var(--layer-1);background-color:var(--color-white);border:3px solid var(--color-primary);border-radius:var(--rounded-lg);min-width:14rem;box-shadow:var(--shadow);padding:1rem .75rem;position:absolute;top:calc(100% + .75rem);right:0}.button{border-radius:var(--rounded-full);background-color:var(--color-primary);font-size:var(--text-xl);letter-spacing:.1em;color:var(--color-white);cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;gap:1rem;padding:.625rem 1.25rem;font-weight:500;display:flex}.button:hover{background-color:var(--color-primary-light)}.button:focus{outline-offset:2px;outline:var(--color-primary)solid 2px}.button__icon{stroke-width:3px;height:1.75rem;margin-inline-start:auto}.button--next{margin-block:1.5rem -1.5rem;margin-inline:auto}.button--sign-out{color:var(--color-accent);border:2px solid var(--color-accent);background-color:var(--color-white)}.button--sign-out:hover{color:var(--color-white);background-color:var(--color-accent)}.button--sign-out:focus{outline-color:var(--color-accent)}.sr-only{white-space:nowrap;width:1px;height:1px;clip-path:rect(0 0 0 0);border-width:0;margin:-1px;padding:0;position:absolute;overflow:hidden}