@font-face{font-family:Helvetica_Reg;src:url(../assets/Helvetica_Regular.woff2) format("woff2")}:root{font-family:Helvetica_Reg,Helvetica,Arial,system-ui,Avenir,sans-serif;line-height:1.5;font-weight:400;color:#101010;--bcolor: #f6f6f6;background-color:var(--bcolor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{padding:0;margin:0}.full{top:0;left:0;width:100%;height:100%}#App{position:fixed;display:grid;grid-template-rows:6rem auto;pointer-events:none}#App header{display:flex;align-items:center;justify-content:center;position:relative;z-index:500;box-shadow:0 0 0 .25rem var(--bcolor)}#logo{display:block;object-fit:contain;height:min(2.2rem,calc(100% - 3rem));width:auto;outline:none;-webkit-user-select:none;user-select:none}#viewerCont{position:relative}#vignette{z-index:100;position:absolute;box-shadow:inset 0 0 10vw #f6f6f6;opacity:.33}#viewerframe{touch-action:none;border:none;width:100%;height:100%;pointer-events:all;z-index:0}#change_view{position:absolute;bottom:.75rem;left:.75rem;z-index:150;background:var(--bcolor);padding:.5em;border:none;text-transform:uppercase;cursor:pointer;font-weight:500;font-size:.9em;pointer-events:all;opacity:1;transition:opacity .2s ease}#change_view:disabled{opacity:0;cursor:default}#loading{position:absolute;background-color:var(--bcolor);z-index:500;display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity 1.5s ease}#loading.hide{opacity:0}#progress-bar,#progress-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#progress-bar{z-index:0;width:min(14rem,75%);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,var(--bcolor) 97%,transparent 98% 100%),conic-gradient(#2c2c2c var(--percent),transparent 0);transition:background 125ms ease;animation:spin 1.5s infinite linear}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}#progress-value{z-index:1;display:flex;justify-content:center;align-items:center}.unit{margin-left:.25em;opacity:.66}#notfoundcont{width:100%;max-width:80ch;margin:1em auto;padding:2em;display:flex;flex-direction:column;align-items:center;justify-content:center;text-transform:uppercase;text-align:center;pointer-events:all}#notfoundcont h3{font-weight:700;font-size:1.33em}#notfoundcont p{font-size:.9em;color:#5a5a5a}@media (orientation: portrait){#App{grid-template-rows:4rem auto}#logo{height:calc(100% - 2rem)}#vignette{display:none}}