body{background-color:#fff;display:flex;justify-content:center;height:100vh;margin:1vh;font-family:Helvetica,system-ui}.camera-without-frame{width:100%;max-width:406px;height:110vw;max-height:600px;position:relative}.camera-without-frame:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;transform:rotate(180deg)}.viewfinder,.viewfinder-without-frame,body[data-post-mode=true] .viewfinder,body[data-post-mode=true] .viewfinder-without-frame{width:100%;max-width:405px;position:relative;top:48px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin:0 auto}@media only screen and (max-width: 768px){.viewfinder,.viewfinder-without-frame{width:100%;max-width:235px;height:auto;position:relative;top:30px;left:50%;transform:translate(-50%);overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:center;margin:0}body[data-post-mode=true] .viewfinder,body[data-post-mode=true] .viewfinder-without-frame{width:100%;max-width:405px;height:auto;position:relative;top:30px;left:50%;transform:translate(-50%);overflow:hidden;background:transparent;display:flex;justify-content:center;align-items:center;margin:0}}.camera-without-frame>#webcam-controls>#switch-camera.mobile-only{color:#000}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:absolute;top:700px;left:50%;transform:translate(-50%);background-color:#000;color:#fff;border:none;border-radius:0;width:60px;height:60px;font-size:14px;cursor:pointer;display:flex;justify-content:center;align-items:center}.camera-without-frame #capture-button{top:485px}#capture-button .fa-camera{font-size:300%}.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}#camera-text{position:relative;text-align:left;width:100%;font-family:Helvetica,system-ui;font-weight:400;font-style:normal;font-size:22.5px;max-height:80px;overflow:hidden;white-space:nowrap;text-overflow:clip;margin-left:55px;margin-top:70px}#camera-logo-container{position:relative;width:100%;text-align:right}#camera-logo{height:40px;max-width:100%;-o-object-fit:contain;object-fit:contain;margin-top:20px;margin-right:50px}#switch-camera{display:none!important;position:absolute;background:#00000080;padding:10px;border:none;border-radius:50%;font-size:20px;cursor:pointer;color:#fff;bottom:9px;left:5px;z-index:99999;align-items:center;justify-content:center;width:50px;height:50px}.camera-camera{width:520px;height:600px;background-size:contain;background-position:top center;background-repeat:no-repeat;margin-left:2px}.frame-on-top.camera-camera{background-image:none!important;position:relative}.frame-on-top.camera-camera:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-size:contain;background-position:top center;background-repeat:no-repeat;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;bottom:5px;left:2px}#switch-camera i{font-size:20px}video{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;position:relative}#camera-text{position:relative;text-align:left;width:100%;font-family:Helvetica,system-ui;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{top:440px}.camera-without-frame #capture-button{top:290px}}#camera-wrapper{display:flex;flex-direction:column;width:100%;align-items:center;margin-top:50px;position:relative;min-height:600px}#camera-custom-text{width:100%;max-width:800px;box-sizing:border-box;text-align:center;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:Helvetica,system-ui}#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}