*,*:before,*:after{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}:root{--pink:#f39;--purple:#cc22be;--orange:#ffcb03;--gray:#363635;--black:#000;--white:#fff;--red:#e30613;--green:#67cb03;--font-subheading-family:eurostile,sans-serif;--font-code-family:ui-monospace,monospace;--page-width:640px;interpolate-size:allow-keywords;--font-body-family:din-2014,sans-serif!important;--font-heading-family:kallisto,sans-serif!important}body{color:var(--white);background-color:var(--black);font-family:var(--font-body-family)}h1,h2{font-family:var(--font-heading-family);text-transform:uppercase}h3,h4,h5,h6{font-family:var(--font-subheading-family);text-transform:uppercase}code{font-family:var(--font-code-family);font-size:.875em}code:not(pre code){border:1px solid var(--gray);color:var(--orange);padding:2px 4px}pre{font-family:var(--font-code-family);border:1px solid var(--gray);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--gray)transparent;margin:8px 0;padding:8px;line-height:1}.select-all{user-select:all}p{line-height:1.2}section.page{max-width:var(--page-width);margin:0 auto}section.header{display:flex;flex-direction:column;align-items: start;gap:16px;margin-top:64px;margin-bottom:24px}section.header .logo-mr{height:1.2em}section.header .logo-updater{width:100%}.shape-skew{--skew:-25deg;transform:skewX(var(--skew));overflow:hidden}.shape-skew>:not(.shape-skew){transform:skewX(calc(-1*var(--skew)))}.shape-skew>.shape-skew{transform:skew(0)}.divider{min-height:20px}.pattern-diagonals{--stripe:20px;background-image:repeating-linear-gradient(135deg,var(--gray)0 calc(var(--stripe)*.5),transparent calc(var(--stripe)*.5)var(--stripe))}.corner-borders{--border-color:var(--gray);--border-width:2px;--corner-size:32px;background: linear-gradient(var(--border-color),var(--border-color))top left/var(--corner-size)var(--border-width)no-repeat,linear-gradient(var(--border-color),var(--border-color))top left/var(--border-width)var(--corner-size)no-repeat,linear-gradient(var(--border-color),var(--border-color))top right/var(--corner-size)var(--border-width)no-repeat,linear-gradient(var(--border-color),var(--border-color))top right/var(--border-width)var(--corner-size)no-repeat,linear-gradient(var(--border-color),var(--border-color))bottom left/var(--corner-size)var(--border-width)no-repeat,linear-gradient(var(--border-color),var(--border-color))bottom left/var(--border-width)var(--corner-size)no-repeat,linear-gradient(var(--border-color),var(--border-color))bottom right/var(--corner-size)var(--border-width)no-repeat,linear-gradient(var(--border-color),var(--border-color))bottom right/var(--border-width)var(--corner-size)no-repeat}.drop-target>input[type=file]{display:none}:where(body>*){padding-left:8px;padding-right:8px}a{color:var(--orange);text-decoration:none}h3{padding-top:4px}h3.pattern-diagonals{color:var(--orange)}button{background-color:var(--gray);color:var(--white);cursor:pointer;text-transform:uppercase;font-weight:700;font-family:var(--font-heading-family);border:none;border-radius:4px;min-width:100px;padding:4px 16px;font-size:12px}.button-group{display:flex;gap:8px}.centered{justify-content:center}section.details{--spacing:24px;margin:var(--spacing)0;padding:var(--spacing);--border-color:var(--white);--corner-size:24px;overflow:hidden}section.details hr{border:0;border-top:2px dotted var(--gray);margin:20px 0}section.device{display:flex;align-items: center;gap:24px}section.device .icon{display:flex;width:128px;height:96px}section.device .icon img{object-fit:contain;object-position:center;width:100%;height:100%}section.device .details{flex-grow:1}section.device .updating{margin-top:8px}section.device .success{display:flex;color:var(--green);align-items: center;margin:16px 0;font-size:1.25em}section.device .success .checkmark{height:1.5em;margin-right:8px}section.device .error{color:var(--red);margin-top:8px;margin-bottom:16px;font-size:1.25em}button.huge-button{width:100%;min-height:128px}section.error{text-align:center;margin:48px}section.error h1{color:var(--red);width:auto}section.error h2{color:var(--red);width:auto}section.error h3{color:var(--red);width:auto}section.error h4{color:var(--red);width:auto}section.error h5{color:var(--red);width:auto}section.error h6{color:var(--red);width:auto}.progress{display:flex;background-color:var(--gray);margin:4px 0;padding:2px}.progress .bar{background-color:var(--white);height:10px}.progress .bar.indeterminate{--stripe:16px;background-color:var(--gray);background-image:repeating-linear-gradient(135deg,var(--white)0 calc(var(--stripe)*.5),transparent calc(var(--stripe)*.5)var(--stripe));background-size:100% calc(var(--stripe)*1.414);animation:anim-progress-indeterminate 2s linear infinite;width:100%;height:10px}@keyframes anim-progress-indeterminate{0%{background-position:0 calc(var(--stripe)*1.414)}to{background-position:0 0}}.accordion{display:flex;overflow:hidden;flex-direction:column;margin-bottom:8px;--border-color:var(--gray)!important;--corner-size:16px!important;--border-width:2px!important}.accordion .accordion-title{display:flex;cursor:pointer;padding:8px 16px;transition:background-color .3s}.accordion .accordion-title .triangle{margin-right:8px}.accordion .accordion-title:hover{background-color:var(--gray)}.accordion .accordion-contents{border-top:2px dotted var(--gray);margin:0 16px;padding:12px 0}.instruction-list{display:flex;flex-direction:column;gap:16px}