:root{--clr-prime:#ff8000;--clr-highlighting:#5b6469;--clr-backdrop:rgba(0,0,0,.5);--clr-white:#fff;--clr-grey:#333639;--clr-grey-light:#7f7f7f;--clr-grey-lighter:#a5adb5;--clr-grey-darker:#303335;--clr-black:#000;--clr-border-top:#3d4043;--clr-border-bottom:#2b2e31;--clr-red:red;--clr-green:green;--clr-dropzone:#323232;--clr-border-dropzone:#444a4d;--clr-background:#252525;--save-top:env(safe-area-inset-top);--save-right:env(safe-area-inset-right);--save-bottom:env(safe-area-inset-bottom);--save-left:env(safe-area-inset-left)}@font-face{font-display:swap;font-family:Modernline;font-weight:400;src:url(../assets/modernline.woff2) format("woff2")}@font-face{font-display:swap;font-family:PT Sans Narrow;font-weight:400;src:url(../assets/pt-sans-narrow.woff2) format("woff2")}@font-face{font-display:swap;font-family:PT Sans Narrow;font-weight:700;src:url(../assets/pt-sans-narrow-bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Poppins Light;font-weight:light;src:url(../assets/poppins-light.woff2) format("woff2")}body,html{background-color:var(--clr-background);font-family:PT Sans Narrow,Arial,Helvetica,sans-serif;font-size:16px;min-height:100dvh;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}*,body,html{margin:0;padding:0}header{display:flex;height:3rem;justify-content:space-between;padding:1rem calc(env(safe-area-inset-right) + env(safe-area-inset-left) + 1rem)}header a{align-items:center;display:grid}header button{background:transparent;border-color:transparent;cursor:pointer;height:3rem;width:3rem}main{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - 7rem)}main .title{color:var(--clr-white);font-family:Modernline,Arial,Helvetica,sans-serif;padding-bottom:1rem;text-align:center}main .title a{bottom:-.8rem;color:var(--clr-white);font-family:PT Sans Narrow,Arial,Helvetica,sans-serif;letter-spacing:.2rem;position:relative;text-decoration:none;text-transform:uppercase}main .title h2{padding-top:1rem}main .title h2 span{margin:0 .8rem}main .title h3{font-family:Poppins Light,Arial,Helvetica,sans-serif}main form{width:clamp(10rem,80vw,15rem)}main form .drop-zone{align-items:center;display:flex;justify-content:center}main form .drop-zone button,main form .drop-zone p{font-weight:700;text-transform:uppercase;transition:all .35s ease-in-out}main form .drop-zone p{color:#7f858a;display:none;font-size:1.2rem}main form .drop-zone button{background:var(--clr-prime);border-color:var(--clr-prime);border-radius:.2rem;border-style:solid;color:var(--clr-black);cursor:pointer;padding:.75rem 1.625rem}main form .drop-zone .input-files{display:none}dialog.files{background:var(--clr-grey);border:.125rem solid var(--clr-prime);border-radius:.2rem;left:50%;max-height:80svh;overflow-y:scroll;position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(15rem,80vw,20rem)}dialog.files::backdrop{background-color:rgba(0,0,0,.5)}dialog.files .files-list{list-style:none}dialog.files .files-list li{align-items:center;background-color:var(--clr-grey);background-image:linear-gradient(var(--clr-grey),var(--clr-grey-darker));border-bottom:.0625rem solid var(--clr-border-bottom);border-top:.0625rem solid var(--clr-border-top);display:flex;justify-content:space-between;padding:1rem}dialog.files .files-list li p{color:var(--clr-white);display:flex;flex-direction:column}dialog.files .files-list li p i{color:var(--clr-grey-light)}dialog.files .files-list li span{color:var(--clr-white);font-size:1.3rem}dialog.files .files-list li span svg{aspect-ratio:1;height:1.5rem}dialog.files .files-list li span svg.error{fill:var(--clr-red)}dialog.files .files-list li span svg.success{fill:var(--clr-green)}dialog.files button{background:var(--clr-prime);border-color:var(--clr-prime);border-style:solid;color:var(--clr-black);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.625rem;width:100%}dialog.qr{background-color:rgba(0,0,0,.8);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}dialog.qr::backdrop{background-color:rgba(0,0,0,.8)}dialog.qr button{background:var(--clr-prime);border-color:var(--clr-prime);border-style:solid;color:var(--clr-black);cursor:pointer;font-size:1rem;font-weight:700;margin-top:1rem;outline:transparent;padding:.75rem 1.625rem;width:100%}footer{align-items:center;display:flex;height:2rem;justify-content:center}footer p{color:var(--clr-grey-lighter);font-size:.8rem}