body{box-sizing:border-box;background-color:#000;color:#fff;overscroll-behavior:none;overflow-x:hidden}#root{box-sizing:border-box;min-height:100dvh;margin:0 auto;text-align:center;display:flex;flex-direction:column;background-color:#fff}.App{box-sizing:border-box;position:relative;height:100%;flex:1;display:flex;flex-direction:column;justify-content:space-around;max-width:900px;min-height:100dvh;width:100dvw;margin:0 auto;padding-bottom:48px;background:#fff;color:#000}.App .box{position:relative;width:calc(90% - 24px);max-width:1080px;max-height:70vh;aspect-ratio:2/3;margin:24px auto}.App .box:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%) translateY(-50%);z-index:1000;pointer-events:none}.App .box img{display:block;width:100%;height:auto;object-fit:cover}.App .box .large-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.App .box.asset{object-fit:contain}.App .box.asset .large-photo{border:2px solid var(--primary);object-fit:contain;display:block}.App .button{box-sizing:border-box;height:4rem;padding:0 2rem;border:none;border-radius:1rem;font-family:Helvetica;font-size:1.2rem;line-height:100%;letter-spacing:1px;text-transform:uppercase;background:var(--primary);color:#fff;font-weight:700}.App .button:active,.App .button:hover{background:#000;cursor:pointer}.App .advance-button{background:var(--primary);color:#fff}.App .advance-button:disabled{opacity:.3;filter:grayscale(.5)}.App .actions{width:calc(50% - 12px);max-width:1080px;padding:12px;margin:12px auto}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;color:var(--primary);display:flex;flex-direction:column;align-items:center;justify-content:center;font-weight:700;font-size:2vw;letter-spacing:.2vw;text-transform:uppercase}.placeholder{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff}.placeholder img{display:block;width:100%;height:100%;max-width:600px;margin:0 auto;object-fit:contain;margin-top:-3vh}