html{background-color:#fff}body{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;margin:0;font-family:JetBrains Mono,monospace!important;font-weight:500!important}html.user-theme-dark{background-color:#000!important}html.user-theme-dark body{background-color:#000!important;color:#fff}html.user-theme-dark .camera-camera,html.user-theme-dark .camera-without-frame,html.user-theme-dark .viewfinder,html.user-theme-dark .viewfinder-without-frame,html.user-theme-dark video{background-color:#000!important}.viewfinder,.viewfinder-without-frame,body[data-post-mode=true] .viewfinder,body[data-post-mode=true] .viewfinder-without-frame{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;overflow:hidden;display:flex;justify-content:center;align-items:flex-start;margin:0}.camera-without-frame>#webcam-controls>#switch-camera.mobile-only{color:#fff!important}.camera-without-frame>#webcam-controls>#switch-camera.mobile-only i,.camera-without-frame>#webcam-controls>#switch-camera.mobile-only svg{color:#fff!important;fill:#fff!important}video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}video-without-frame{width:calc(100% - 30px);height:100%;-o-object-fit:cover;object-fit:cover;box-sizing:border-box;transform:rotate(0);left:15px;position:absolute}#capture-button{position:static;transform:none;background-color:#fff;color:#000;border:3px solid black;border-radius:50%;width:80px;height:80px;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:700;transition:all .2s ease-in-out;box-shadow:none}#capture-button:hover{background-color:#f2f2f2;transform:scale(1.05);box-shadow:none}#capture-button:active{transform:scale(.95)}#webcam-controls{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);display:block;width:100%;min-width:0}#capture-button .fa-camera{font-size:30px}.mirrored{transform:scaleX(-1)!important}#filter-swatches{position:absolute;bottom:18%;left:50%;transform:translate(-50%);display:flex;gap:5px;border:1px solid;padding:3px 3px 0;border-radius:21px;border-color:#efefef}.filter-swatch{width:30px;height:30px;border-radius:50%;display:inline-block;cursor:pointer;border:2px solid transparent}.filter-swatch.selected{border-color:#000}#savedImage{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:none}#switch-camera{display:none!important;position:absolute;top:50%;right:calc(100% + 20px);transform:translateY(-50%);background:#000;padding:10px;border:none;border-radius:50%;font-size:20px;cursor:pointer;color:#fff!important;z-index:11;align-items:center;justify-content:center;width:50px;height:50px;box-sizing:border-box;flex-shrink:0}#switch-camera i,#switch-camera svg{color:#fff!important;fill:#fff!important}.camera-camera,.camera-without-frame{width:100%;max-width:512px;height:auto;aspect-ratio:1 / 1;background-size:contain;background-position:center center;background-repeat:no-repeat;margin-left:0;position:relative}@media only screen and (max-width:768px){.viewfinder,.viewfinder-without-frame,body[data-post-mode=true] .viewfinder,body[data-post-mode=true] .viewfinder-without-frame{position:absolute;top:0;left:50%;transform:translate(-50%);width:min(100%,300px);max-width:300px;height:100%;overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:flex-start;margin:0}.camera-camera,.camera-without-frame{width:min(100%,300px);max-width:300px}}.frame-on-top.camera-camera{background-image:none!important;position:relative}.frame-on-top.camera-camera:after{content:none}.frame-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;-o-object-fit:contain;object-fit:contain;z-index:10;pointer-events:none}@media only screen and (max-width:330px){.camera-camera{width:300px;height:350px;background-size:contain;background-position:top center;background-repeat:no-repeat}}@media only screen and (max-width:768px){#switch-camera{display:block!important;display:flex!important;padding:5px;width:30px;height:30px}#switch-camera i{font-size:20px;color:#fff!important}#switch-camera svg{color:#fff!important;fill:#fff!important}video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:relative}#camera-text{position:relative;text-align:left;width:100%;font-family:JetBrains Mono,monospace!important;font-weight:400;font-style:normal;font-size:13px;max-height:80px;overflow:hidden;white-space:nowrap;text-overflow:clip;margin-left:34px;margin-top:45px}#camera-logo-container{position:relative;width:100%;text-align:right;margin-right:190px}#camera-logo{height:40px;max-width:100%;-o-object-fit:contain;object-fit:contain;margin-top:0;margin-right:30px;max-width:150px}#capture-button,.camera-without-frame #capture-button{bottom:10px;width:70px;height:70px;font-size:14px}}#camera-wrapper{display:flex;flex-direction:column;width:100%;align-items:center;margin-top:50px;margin-bottom:100px;position:relative;min-height:600px}#camera-custom-text{width:100%;max-width:800px;box-sizing:border-box;text-align:center!important;margin-bottom:20px;display:block;position:absolute;top:50px;left:50%;transform:translate(-50%);z-index:1;max-height:100px;overflow:hidden}#camera-custom-text+#camera-wrapper{margin-top:100px}body[data-post-mode=true] #camera-wrapper{min-height:600px}body[data-post-mode=true] #camera-custom-text{max-height:50px}body:not([data-post-mode=true]) #camera-wrapper{min-height:600px}body:not([data-post-mode=true]) #camera-custom-text{max-height:50px}@media(max-width:768px){body:not([data-post-mode=true]) #camera-wrapper{width:300px;min-height:400px}body:not([data-post-mode=true]) #camera-custom-text{max-width:300px;margin:0 auto 20px;position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:1;max-height:50px;overflow:hidden}body[data-post-mode=true] #camera-wrapper{min-height:400px}body[data-post-mode=true] #camera-custom-text{max-height:40px}}button{font-family:JetBrains Mono,monospace!important}#camera-custom-text,#camera-custom-text p,#camera-custom-text h1,#camera-custom-text h1 strong,#camera-custom-text h2,#camera-custom-text h2 strong,#camera-custom-text h3,#camera-custom-text h3 strong{font-size:20px!important;text-align:center!important}.invisible-preserve-space{opacity:0!important;visibility:hidden!important}