@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#141414;font-family:Manrope,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{margin:0}*{font-feature-settings:"tnum";box-sizing:border-box;font-variant-numeric:tabular-nums}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{opacity:1}#root,.App,body,html{align-items:center;display:flex;flex-direction:column;height:100%;overflow-x:hidden;overflow-y:auto;width:100%}#root .header,.App .header,body .header,html .header{align-items:center;align-self:flex-start;border-bottom:2px solid #e5e8eb;display:flex;font-weight:700;padding:0 20px;width:100%}#root .header h1,.App .header h1,body .header h1,html .header h1{font-size:18px}#root .main-app,.App .main-app,body .main-app,html .main-app{display:flex;flex:1 1;gap:40px;max-width:1080px;padding-bottom:20px;width:100%}@media(max-width:768px){#root .main-app,.App .main-app,body .main-app,html .main-app{flex-direction:column;gap:20px}#root .main-app .camera-component,#root .main-app .instructions-component,.App .main-app .camera-component,.App .main-app .instructions-component,body .main-app .camera-component,body .main-app .instructions-component,html .main-app .camera-component,html .main-app .instructions-component{max-width:100%;overflow:hidden;padding:0 20px}}.old-camera-component{align-items:center;display:flex;flex:1 1;flex-direction:column;padding:80px 0}.old-camera-component .time{font-size:18px;font-weight:500;margin:10px 0;text-align:center}.old-camera-component .zoom{align-items:center;display:flex;flex-direction:row;font-size:12px;margin-top:10px;width:100%}.old-camera-component .zoom .zoom-range{flex:1 1;margin-left:10px;margin-right:10px}.old-camera-component .zoom .buttons{display:flex;flex-direction:row;justify-content:center;width:100%;z-index:3}.old-camera-component .zoom .buttons button{background-color:#fff;border:1px solid #444;border-radius:5px;color:#444;cursor:pointer;font-size:14px;font-weight:700;margin:0 10px;padding:10px 20px}.old-camera-component .canvas{position:relative}.old-camera-component .canvas video{border-radius:10px;clear:both;display:block}.old-camera-component .canvas canvas,.old-camera-component .canvas video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}.old-camera-component .canvas canvas{left:0;top:0}.instructions-component{display:flex;flex-direction:column;gap:30px;padding:80px 0}.instructions-component h2{margin:0}.instructions-component .instructions{grid-gap:15px;display:flex;flex-direction:column;font-size:14px}.instructions-component .instructions p{font-size:16px}.instructions-component .item{align-items:center;display:flex;flex-direction:row;gap:15px}.instructions-component .item .icon img{height:50px;width:50px}.instructions-component .item .content{display:flex;flex-direction:column}.instructions-component .item .content .subtitle{font-size:16px;font-weight:500;line-height:24px}.instructions-component .item .content .description{color:#737373;font-size:14px;line-height:20px}.credits-component{flex-direction:column}.credits-component,.icon-element{align-items:center;display:flex;justify-content:center}.icon-element{background-color:#f5f5f5;border-radius:8px;color:#141414;flex-shrink:0;font-size:22px;height:50px;width:50px}.icon-element img{height:22px;width:22px}