/* Google Camera 2.4 (see lp-camera.js); dp x 0.906. --mode is the current mode colour. */
.app-view.gcam{position:relative;height:100%;overflow:hidden;background:#000;color:#fff;font-family:Roboto,sans-serif;padding:0;user-select:none;touch-action:none}
.gcam button{cursor:pointer;font-family:inherit}
.gcam-preview{position:absolute;inset:0;overflow:hidden}
.gcam-preview>*{width:100%;height:100%}
.gcam-preview.front{transform:scaleX(-1)}
.gcam-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(33.33% - .5px),#ffffff80 calc(33.33% - .5px) calc(33.33% + .5px),transparent 0,transparent calc(66.66% - .5px),#ffffff80 0 calc(66.66% + .5px),transparent 0),linear-gradient(transparent calc(33.33% - .5px),#ffffff80 0 calc(33.33% + .5px),transparent 0,transparent calc(66.66% - .5px),#ffffff80 0 calc(66.66% + .5px),transparent 0);pointer-events:none}
.gcam-focus{position:absolute;width:65.23px;height:65.23px;margin:-32.62px 0 0 -32.62px;border:1.81px solid #fff;border-radius:50%;pointer-events:none;opacity:0}
.gcam-focus.run{animation:gcam-focus .8s cubic-bezier(.4,0,.2,1) both}
@keyframes gcam-focus{0%{transform:scale(1.4);opacity:0}25%{transform:scale(1);opacity:1}75%{opacity:1}100%{opacity:0}}
.gcam-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}
.gcam-flash.run{animation:gcam-flash .3s ease-out both}
@keyframes gcam-flash{0%{opacity:.85}100%{opacity:0}}
.gcam-countdown{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);font:100 130px Roboto,sans-serif;text-shadow:0 2px 8px #00000080;pointer-events:none}
.gcam-rec{position:absolute;left:50%;top:var(--sb);transform:translateX(-50%);display:flex;align-items:center;gap:7.25px;margin-top:10.87px;padding:3.62px 10.87px;border-radius:14px;background:#0000004d;font:400 14.5px Roboto,sans-serif}
.gcam-rec i{width:9px;height:9px;border-radius:50%;background:#db4437;animation:gcam-blink 1s steps(2) infinite}
@keyframes gcam-blink{50%{opacity:0}}
.gcam-options{position:absolute;right:7.25px;top:calc(var(--sb) + 7.25px);display:flex;align-items:center;border-radius:21.74px;transition:background .2s}
.gcam-options.open{background:#0000004c;padding-left:3.62px}
.gcam-options button{width:43.49px;height:43.49px;border:0;border-radius:50%;background:none;display:grid;place-items:center;padding:0}
.gcam-options button img{width:21.74px;height:21.74px}
.gcam-options-toggle{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:3px}
.gcam-options-toggle i{width:3.62px;height:3.62px;border-radius:50%;background:#fff;box-shadow:0 0 2px #00000080}
.gcam-bar{position:absolute;left:0;right:0;bottom:var(--nb);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:101.47px;background:#1919194d}
.gcam-shutter{width:65.23px;height:65.23px;border:0;border-radius:50%;padding:0;background:var(--mode);display:grid;place-items:center;box-shadow:0 1.8px 5.4px #00000059;transition:background .25s,transform .1s}
.gcam-shutter:active{transform:scale(.94)}
.gcam-shutter img{width:32.62px;height:32.62px}
.gcam-shutter.recording i{width:21.74px;height:21.74px;border-radius:2px;background:#fff}
.gcam-edge{position:absolute;left:0;top:25%;bottom:25%;width:18px;border:0;background:none;padding:0}
.gcam-modes-scrim{position:absolute;inset:0;background:#00000066;opacity:0;pointer-events:none;transition:opacity .25s}
.gcam-modes{position:absolute;left:0;top:0;bottom:var(--nb);width:181.2px;padding:calc(var(--sb) + 14.5px) 0 14.5px;display:flex;flex-direction:column;gap:7.25px;background:linear-gradient(90deg,#000000b3,#0000);transform:translateX(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}
.gcam.modes-open .gcam-modes{transform:none}
.gcam.modes-open .gcam-modes-scrim{opacity:1;pointer-events:auto}
.gcam-modes button{display:flex;align-items:center;gap:14.5px;border:0;background:none;padding:3.62px 14.5px;color:#fff;font:400 14.5px Roboto,sans-serif;text-align:left}
.gcam-mode-icon{flex:none;width:50.74px;height:50.74px;border-radius:50%;background:#0000004c;display:grid;place-items:center;transition:background .2s}
.gcam-modes button[aria-current=true] .gcam-mode-icon,.gcam-modes button:active .gcam-mode-icon{background:var(--c)}
.gcam-mode-icon img{width:25.37px;height:25.37px}
.gcam-modes .gcam-settings{margin-top:auto;padding-left:27px}
.gcam-settings img{width:21.74px;height:21.74px}
.gcam-rec[hidden],.gcam-countdown[hidden],.gcam-focus[hidden]{display:none!important}