*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#fff;width:100vw;height:177.77vw;font-family:Inter,sans-serif;overflow:hidden}#root{width:100vw;height:177.77vw;position:relative}.page-container{background-position:50%;background-repeat:no-repeat;background-size:100vw 177.77vw;width:100vw;height:177.77vw;position:absolute;top:0;left:0;overflow:hidden}.start-title{z-index:10;width:55vw;height:auto;position:absolute;top:18vw;left:50vw;transform:translate(-50%)}.start-subtitle{z-index:10;width:65vw;height:auto;position:absolute;top:80vw;left:50vw;transform:translate(-50%)}.start-btn-wrapper{cursor:pointer;z-index:10;position:absolute;top:125vw;left:50vw;transform:translate(-50%)}.start-button-img{width:45vw;height:auto}.back-button{cursor:pointer;z-index:10;width:3vw;height:auto;position:absolute;top:9vw;left:9vw}.choose-avatar-title{width:70vw;height:auto;position:absolute;top:62vw;left:50vw;transform:translate(-50%)}.avatar-container{justify-content:center;align-items:center;gap:8vw;width:80vw;display:flex;position:absolute;top:73vw;left:50vw;transform:translate(-50%)}.avatar-img-wrapper{cursor:pointer;border:.5vw solid #0000;border-radius:50%;width:25vw;height:25vw;transition:all .3s;position:relative;overflow:hidden}.avatar-img-wrapper img{object-fit:cover;width:100%;height:100%;display:block}.avatar-overlay{opacity:0;background-color:#0006;border-radius:50%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.avatar-img-wrapper.selected{border-color:#000}.avatar-img-wrapper.selected .avatar-overlay{opacity:1}.next-btn-wrapper{cursor:pointer;z-index:10;position:absolute;top:120vw;left:50vw;transform:translate(-50%)}.camera-back{cursor:pointer;z-index:10;width:3vw;height:auto;position:absolute;top:9vw;left:9vw}.cam-icon-container{z-index:50;position:absolute;top:-.5vw;left:97vw;right:5vw}.cam-icon-btn{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:3.5vw;display:flex}.cam-dropdown{z-index:55;background-color:#fff;border:.3vw solid #333;border-radius:1.5vw;min-width:40vw;max-height:50vw;position:absolute;top:8vw;right:0;overflow-y:auto}.cam-dropdown-item{color:#333;cursor:pointer;border-bottom:.15vw solid #eee;padding:2.5vw 3vw;font-family:Inter,sans-serif;font-size:2.5vw;font-weight:400;transition:background-color .2s}.cam-dropdown-item:last-child{border-bottom:none}.cam-dropdown-item:hover{background-color:#f0f0f0}.cam-dropdown-item.cam-active{color:#000;background-color:#e8e8e8;font-weight:600}.camera-title{z-index:10;width:45vw;height:auto;position:absolute;top:22vw;left:50vw;transform:translate(-50%)}.camera-viewfinder{z-index:2;background-color:#000;width:56vw;height:80vw;position:absolute;top:40vw;left:50vw;overflow:hidden;transform:translate(-50%)}.webcam-feed,.captured-preview{object-fit:cover;width:80vw;height:60vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.countdown-overlay{z-index:5;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.countdown-number{color:#fff;font-family:Inter,sans-serif;font-size:15vw;font-weight:600}.click-btn-wrapper{cursor:pointer;z-index:10;justify-content:center;width:18vw;display:flex;position:absolute;top:126vw;left:50vw;transform:translate(-50%)}.click-button-img{width:110%;height:auto}.flash-overlay{z-index:100;background-color:#fff;width:100vw;height:177.77vw;animation:.4s ease-out forwards flashAnim;position:absolute;top:0;left:0}@keyframes flashAnim{0%{opacity:1}to{opacity:0}}.preview-buttons{z-index:10;gap:5vw;display:flex;position:absolute;top:125vw;left:50vw;transform:translate(-50%)}.preview-btn{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.preview-btn .btn-frame{width:25vw;height:auto}.preview-btn .btn-label{letter-spacing:.3vw;color:#000;white-space:nowrap;z-index:2;font-family:Inter,sans-serif;font-size:3vw;font-weight:500;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-back{cursor:pointer;z-index:10;width:3vw;height:auto;position:absolute;top:9vw;left:9vw}.scene-title{width:70vw;height:auto;position:absolute;top:61vw;left:50vw;transform:translate(-50%)}.scene-slider{justify-content:center;align-items:center;gap:3vw;width:90vw;display:flex;position:absolute;top:73vw;left:50vw;transform:translate(-50%)}.scene-arrow{cursor:pointer;flex-shrink:0;width:2vw;height:auto}.scene-arrow-disabled{opacity:.3;cursor:default}.scene-items{align-items:center;gap:1vw;display:flex}.scene-circle{cursor:pointer;border:.5vw solid #0000;border-radius:50%;width:17vw;height:17vw;transition:all .3s;position:relative;overflow:hidden}.scene-circle img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.scene-overlay{opacity:0;background-color:#0006;border-radius:50%;width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.scene-circle.scene-selected{border-color:#000}.scene-circle.scene-selected .scene-overlay{opacity:1}.scene-next-wrapper{cursor:pointer;z-index:10;position:absolute;top:110vw;left:50vw;transform:translate(-50%)}.btn-frame{width:40vw;height:auto}.final-back{cursor:pointer;z-index:10;width:3vw;height:auto;position:absolute;top:9vw;left:9vw}.final-home{cursor:pointer;z-index:10;width:5vw;height:auto;position:absolute;top:9vw;right:5vw}.final-title{z-index:10;width:45vw;height:auto;position:absolute;top:25vw;left:50vw;transform:translate(-50%)}.final-image-area{z-index:2;background-color:#000;justify-content:center;align-items:center;width:58vw;height:85vw;display:flex;position:absolute;top:44vw;left:50vw;overflow:hidden;transform:translate(-50%)}.final-swapped-img{object-fit:cover;width:100%;height:100%}.final-loading{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.final-spinner{border:.8vw solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:8vw;height:8vw;margin-bottom:3vw;animation:.8s linear infinite spinAnim}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.final-qr-section{z-index:10;flex-direction:column;align-items:center;gap:2vw;display:flex;position:absolute;top:132vw;left:50vw;transform:translate(-50%)}.final-qr-img{object-fit:contain;width:20vw;height:20vw}.final-qr-text-img{object-fit:contain;width:20vw;height:auto}