body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--ring-color:#6f51b5;--ring-track:#6f51b540;--ring-thickness:6px;--duration:30s}.app-container{background-image:url(/static/media/background.7b35bf1b4854f90696df.png);background-position:50%;background-size:cover;display:flex;flex-direction:column;height:100dvh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);width:100%}.app-container .back-button{background-color:#0000;border:none;height:8vw;margin:18px;padding:0;width:17.33vw}.app-container .back-button img{display:block;height:100%;object-fit:contain;width:100%}.app-container .video-container{background:#000;border-radius:0;height:100%;isolation:isolate;margin:0 auto;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.app-container .video-container video{height:100%;inset:0;object-fit:cover;pointer-events:none;position:absolute;width:100%;z-index:23!important}.app-container .video-container .rec-controls{align-items:center;bottom:12px;display:flex;gap:clamp(8px,2vw,16px);justify-content:center;left:0;pointer-events:auto;position:absolute;right:0;z-index:50}.app-container .video-container .rec-controls .flip-btn,.app-container .video-container .rec-controls .retake-btn,.app-container .video-container .rec-controls .undo-btn{background:#0000;border:none;display:grid;height:50px;padding:0;place-items:center;width:50px}.app-container .video-container .rec-controls .flip-btn img,.app-container .video-container .rec-controls .retake-btn img,.app-container .video-container .rec-controls .undo-btn img{display:block;height:100%;object-fit:contain;width:100%}.app-container .video-container .rec-controls .flip-btn:disabled,.app-container .video-container .rec-controls .retake-btn:disabled,.app-container .video-container .rec-controls .undo-btn:disabled{opacity:.4;pointer-events:none}.app-container .video-container .rec-controls .record-btn{background:#0000;border:none;display:grid;height:75px;padding:0;place-items:center;width:75px}.app-container .video-container .rec-controls .record-btn img{display:block;height:100%;object-fit:contain;width:100%}.app-container .video-container .rec-controls .record-btn:disabled{opacity:.4;pointer-events:none}.app-container .video-container .rec-controls .record-btn .ring{height:calc(100% + 20px);inset:-10px;position:absolute;transform:rotate(-90deg);width:calc(100% + 20px)}.app-container .video-container .rec-controls .record-btn .ring circle{fill:none;stroke-linecap:round;stroke-width:6px;stroke-width:var(--ring-thickness);r:46;cx:50;cy:50}.app-container .video-container .rec-controls .record-btn .ring .track{stroke:#6f51b540;stroke:var(--ring-track)}.app-container .video-container .rec-controls .record-btn .ring .progress{stroke:#6f51b5;stroke:var(--ring-color);stroke-dasharray:289;stroke-dashoffset:289}.app-container .video-container .rec-controls .record-btn.recording .ring .progress{animation:record-progress 30s linear forwards;animation:record-progress var(--duration) linear forwards}@keyframes record-progress{to{stroke-dashoffset:0}}.app-container .video-container .review-overlay{background:#000;border-radius:inherit;height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:20}.app-container .video-container .download-badge{background:#0000008c;border-radius:10px;bottom:12px;color:#fff;padding:6px 10px;position:absolute;right:12px;z-index:25}.app-container .video-container .download-badge a{color:#fff;text-decoration:none}.app-container .video-container .sticker-btn{background-color:#0000;border:0;height:50px;padding:0;position:absolute;right:10px;top:10px;width:50px;z-index:40}.app-container .video-container .sticker-btn img{height:50px;width:50px}.app-container .play-btn{background-color:#0000;border:none;height:75px;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:75px;z-index:50}.app-container .play-btn img{height:75px;width:75px}.sticker-tray{-webkit-backdrop-filter:blur(8px) saturate(130%);backdrop-filter:blur(8px) saturate(130%);background:#ffffffd9;border-top-left-radius:16px;border-top-right-radius:16px;bottom:0;box-shadow:0 -8px 24px #0000002e;display:flex;flex-direction:column;height:366px;isolation:isolate;left:0;padding:16px 16px calc(16px + env(safe-area-inset-bottom));position:absolute;right:0;z-index:60}.sticker-tray__list{-webkit-overflow-scrolling:touch;grid-gap:12px;display:grid;flex:1 1 auto;gap:12px;grid-template-columns:repeat(3,1fr);overflow-y:auto;padding:6px 4px 0;scrollbar-color:#705fa2 #0000}.sticker-tray__list::-webkit-scrollbar-thumb{background-color:#705fa2}.sticker-tray__list::-webkit-scrollbar-track{background:#0000}.sticker-tray__item{aspect-ratio:1/1;background:#0000;border:1px solid #705fa2;border-radius:12px;cursor:pointer;display:grid;padding:8px;place-items:center;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.sticker-tray__item:active{transform:scale(.97)}.sticker-tray__item:focus-visible{outline:2px solid #9b8ed0;outline-offset:2px}.sticker-tray__item:hover{border-color:#8a79c4;box-shadow:0 2px 10px #705fa240}.sticker-tray__img{display:block;height:64px;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:64px}.sticker-tray__header{display:flex;flex:0 0 auto;justify-content:center;margin-bottom:10px}.sticker-tray__close{background-color:#8a79c4;border:none;border-radius:999px;cursor:pointer;height:8px;width:80px}.flip-btn img,.play-btn img,.record-btn img,.retake-btn img,.sticker-btn img{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);pointer-events:none;-webkit-user-select:none;user-select:none}.start-overlay{align-items:center;background:#000;display:flex;inset:0;justify-content:center;pointer-events:none;position:absolute;z-index:100}.start-overlay .play-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);background:#0000;border:none;cursor:pointer;display:grid;height:96px;padding:0;place-items:center;pointer-events:auto;-webkit-user-select:none;user-select:none;width:96px}.start-overlay .play-btn img{display:block;height:100%;object-fit:contain;width:100%}.a-enter-vr-button{display:none!important}a-scene{z-index:24}
/*# sourceMappingURL=main.63008bbb.css.map*/