@import url('./capture-v34.css?v=34');
.capture-tools{left:max(20px,env(safe-area-inset-left));right:max(20px,env(safe-area-inset-right));transform:none;justify-content:space-between;pointer-events:none}
#controls .capture-tools button{width:48px;height:48px;padding:0;border-radius:50%;display:grid;place-items:center;position:relative;pointer-events:auto}
.record-symbol{width:19px;height:19px;border-radius:50%;background:#ef514b;box-shadow:0 0 0 3px #ef514b33;transition:border-radius .15s}
#capture-record.recording .record-symbol{border-radius:4px;width:16px;height:16px}
#capture-record.recording::before{content:none}
#capture-record[data-elapsed]::after{content:attr(data-elapsed);position:absolute;bottom:56px;right:0;min-width:48px;padding:4px 5px;border-radius:8px;background:#10291fe8;color:#fff6df;font-size:11px;font-variant-numeric:tabular-nums}
#controls:has(#preview-tools:not([hidden])) .replay{bottom:190px}
@media(max-height:600px){#controls:has(#preview-tools:not([hidden])) .replay{bottom:130px}}