@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes rotateCW{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotateCCW{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.template-front{background:#000}body.template-front #booth{background:#000;height:100vh;margin:0 auto;max-width:1280px;overflow:hidden;position:relative}body.template-front #booth .flex-centered{align-items:center;display:flex;justify-content:center}body.template-front #booth .gap{gap:1rem}body.template-front #booth .mb-5{margin-bottom:10rem!important}body.template-front #booth .booth-canvas,body.template-front #booth .booth-controls,body.template-front #booth .booth-debug,body.template-front #booth .booth-graphics,body.template-front #booth .booth-image,body.template-front #booth .booth-video{bottom:0;left:0;position:absolute;right:0;top:0}body.template-front #booth .booth-debug{background:rgba(0,0,0,.5);bottom:60%;color:#ccc;overflow-y:scroll;padding:1rem;z-index:6}body.template-front #booth .booth-graphics{pointer-events:none;z-index:5}body.template-front #booth .booth-graphics #overlay-black,body.template-front #booth .booth-graphics #overlay-white{bottom:0;left:0;position:absolute;right:0;top:0}body.template-front #booth .booth-graphics #overlay-white{background:#fff;z-index:10}body.template-front #booth .booth-graphics #overlay-black{background:#000;z-index:9}body.template-front #booth .booth-graphics #countdown{bottom:0;left:0;position:absolute;right:0;top:0}body.template-front #booth .booth-graphics #countdown .count{align-items:center;background:#000;border-radius:50%;color:red;display:flex;font-family:Creepster,system-ui;font-size:8rem;height:250px;justify-content:center;width:250px}body.template-front #booth .booth-graphics #gothifying{bottom:0;left:0;position:absolute;right:0;top:0}body.template-front #booth .booth-graphics #gothifying h2{background:#000;border-radius:50%;color:red;font-family:Creepster,system-ui;height:200px;left:50%;line-height:200px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:200px;z-index:2}body.template-front #booth .booth-graphics #gothifying img{animation:rotation 10s linear infinite;height:auto;width:60%}body.template-front #booth .booth-controls{align-items:center;display:flex;justify-content:center;overflow:hidden;z-index:4}body.template-front #booth .booth-controls .btn-control{align-items:center;background:#000;border:10px double red;border-radius:50%;color:red;display:flex;font-family:Creepster,system-ui;font-size:3rem;height:250px;justify-content:center;width:250px}body.template-front #booth .booth-controls .control{bottom:0;left:0;pointer-events:all;position:absolute;right:0;top:0}body.template-front #booth .booth-controls .control.inactive{pointer-events:none}body.template-front #booth .booth-controls .control-error{z-index:4}body.template-front #booth .booth-controls .control-error #error{background:#000;color:#fff;margin:0 auto;padding:2rem;width:60%}body.template-front #booth .booth-controls .control-error #error .message{margin-bottom:2rem}body.template-front #booth .booth-controls .control-capture{z-index:3}body.template-front #booth .booth-controls .control-options{z-index:2}body.template-front #booth .booth-controls .control-email{z-index:1}body.template-front #booth .booth-controls .control-email .dialog{background:#000;border-radius:2rem;color:red;padding:2rem}body.template-front #booth .booth-controls .control-email .dialog h2{font-family:Creepster,system-ui}body.template-front #booth .booth-controls .control-email .dialog button.disabled{opacity:.6}body.template-front #booth .booth-image{z-index:3}body.template-front #booth .booth-image #image-captured,body.template-front #booth .booth-image #image-edited{background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;left:0;position:absolute;right:0;top:0}body.template-front #booth .booth-image #image-captured{z-index:1}body.template-front #booth .booth-image #image-edited,body.template-front #booth .booth-video{z-index:2}body.template-front #booth .booth-canvas{z-index:1}