body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.App{color:#f7f7f7;background:#050505;width:100vw;height:100vh;overflow:hidden}.App__toolbar{z-index:10;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed;top:16px;left:16px;right:16px}.App__toolbar>*{pointer-events:auto}.App__status{color:#f5d08a;background:#141414c2;border-radius:6px;padding:8px 10px;font-size:13px}.Slideshow{touch-action:pan-y;background:#050505;width:100vw;height:100vh;position:relative;overflow:hidden}.Slideshow--centered{place-items:center;display:grid}.Slideshow__stage{background:#050505;position:absolute;inset:0;overflow:hidden}.Slideshow__frame{will-change:opacity, transform;width:100%;height:100%;position:absolute;inset:0}.Slideshow__frame--initial{animation:.96s ease-out both photoInitialReveal}.Slideshow__frame--dissolve{z-index:1;animation:1.2s cubic-bezier(.33,1,.68,1) both photoDissolveIn}.Slideshow__frame--previous{z-index:0;animation:1.2s cubic-bezier(.33,1,.68,1) both photoDissolveOut}.Slideshow__image{object-fit:contain;width:100%;height:100%;display:block}.Slideshow__message{color:#f2f2f2;font-size:18px}.Slideshow__loadingDots{text-align:left;width:1.5em;display:inline-block}.Slideshow__loadingDots span{opacity:.2;animation:1.2s infinite loadingDotPulse}.Slideshow__loadingDots span:nth-child(2){animation-delay:.2s}.Slideshow__loadingDots span:nth-child(3){animation-delay:.4s}@keyframes loadingDotPulse{0%,80%,to{opacity:.2}40%{opacity:1}}@keyframes photoInitialReveal{0%{opacity:0;transform:scale(1.008)}to{opacity:1;transform:scale(1)}}@keyframes photoDissolveIn{0%{opacity:0;transform:scale(1.006)}to{opacity:1;transform:scale(1)}}@keyframes photoDissolveOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.996)}}.Slideshow__hud{color:#f7f7f7;pointer-events:none;font-size:13px;position:absolute;bottom:16px;right:16px}.Slideshow__count,.Slideshow__batchStatus{background:#0a0a0aad;border-radius:6px;padding:6px 8px}.Slideshow__count{text-align:center;min-width:54px}.Slideshow__batchStatus{text-align:right;color:#f2f2f2;width:max-content;max-width:min(220px,100vw - 32px);position:absolute;bottom:calc(100% + 8px);right:0}.Slideshow__controls{pointer-events:none;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:absolute;inset:0}.Slideshow__button{color:#fff;cursor:pointer;pointer-events:auto;background:#0a0a0a6b;border:1px solid #fff3;border-radius:6px;width:44px;height:64px;font-size:38px;line-height:1}.Slideshow__button:hover{background:#0a0a0ab8}.Slideshow__button:disabled{cursor:default;opacity:.28}.Slideshow__button:disabled:hover{background:#0a0a0a6b}@media (width<=640px){.App__toolbar{top:10px;left:10px;right:10px}.Slideshow__controls{padding:0 8px}.Slideshow__button{width:38px;height:56px;font-size:32px}}@media (prefers-reduced-motion:reduce){.Slideshow__frame{animation:none;transform:none}}
