@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@font-face{font-family:Material Symbols Rounded;font-style:normal;font-display:block;src:url(MaterialSymbolsRounded-FILL-GRAD-opsz-wght.d8e92c44.woff2)format("woff2"),url(MaterialSymbolsRounded-FILL-GRAD-opsz-wght.2431be0c.ttf)format("truetype")}:root{--vignette-mid:#fff0;--vignette-out:#fff8}*,:before,:after{box-sizing:inherit}html{box-sizing:border-box;width:100%;height:100%;background-color:#000;background-image:radial-gradient(circle,var(--vignette-mid),var(--vignette-out));font-family:monospace}body{min-height:100%;-webkit-user-select:none;user-select:none;will-change:opacity;flex-flow:column;justify-content:flex-start;align-items:flex-start;margin:0;font-size:1em;animation:.5s ease-out .7s backwards fadeIn;display:flex}canvas,img{max-width:100%;max-height:100%}.view{cursor:crosshair;touch-action:none;tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent;position:relative}.idle .view{cursor:none}#face-show{display:none}.face{max-width:20vw;max-height:20vh;pointer-events:none;opacity:0;will-change:opacity;border-radius:5px;margin:0 .5rem;transition:opacity .9s ease-out;position:absolute;bottom:100%;left:0}#face-show:checked~.face{opacity:1;transition:opacity .6s ease-in}aside{z-index:1;flex-flow:row;gap:.2rem;padding:.5rem;display:flex;position:fixed;bottom:0;left:0}.icon{width:3.2rem;height:3.2rem;cursor:pointer;-webkit-backdrop-filter:hue-rotate(180deg)contrast(70%)blur(4px);-webkit-backdrop-filter:hue-rotate(180deg)contrast(70%)blur(4px);backdrop-filter:hue-rotate(180deg)contrast(70%)blur(4px);color:#fff7;will-change:color,backdrop-filter;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;background:#0004;border:1px solid;border-radius:2rem;justify-content:center;align-items:center;font-family:Material Symbols Rounded;font-size:1.7rem;font-style:normal;font-weight:400;line-height:1;text-decoration:none;transition:color .9s ease-out,-webkit-backdrop-filter .9s ease-out,-webkit-backdrop-filter .9s ease-out,backdrop-filter .9s ease-out;display:inline-flex}.icon:hover{color:#fff;-webkit-backdrop-filter:hue-rotate(180deg)brightness(80%)blur(4px);-webkit-backdrop-filter:hue-rotate(180deg)brightness(80%)blur(4px);backdrop-filter:hue-rotate(180deg)brightness(80%)blur(4px);transition:color .3s ease-in,-webkit-backdrop-filter .3s ease-in,-webkit-backdrop-filter .3s ease-in,backdrop-filter .3s ease-in}.icon.full:after{content:""}.icon.time:after{content:""}.icon.time.off:after{content:""}.icon.face-show:after{content:""}#face-show:checked~.icon.face-show:after{content:""}.icon.quality:after{content:""}.icon.quality.off:after{content:""}.icon.chain:after{content:""}.icon.chain.off:after{content:""}