.term-card .term-preview.device-permission-card-preview{color:#1d2733;background:linear-gradient(160deg,#eef2f6,#dfe6ee);align-content:center;gap:8px;padding:12px;display:grid}.device-permission-card-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.device-permission-card-steps li{background:#fff;border-radius:7px;align-content:start;gap:3px;min-width:0;padding:7px 6px;display:grid}.term-card .device-permission-card-steps small{color:#4f5d6d;font-size:9px;font-weight:800}.term-card .device-permission-card-steps b{color:#b5400b;font-size:10px;line-height:1.35}.term-card .device-permission-card-steps span.is-bad{color:#a3221a;font-size:9px;line-height:1.35}.device-permission-card-verdict{color:#1d2733;margin:0;font-size:10px;line-height:1.45}.term-interactive-demo.device-permission-demo{color:#1d2733;background:#eef2f6;border-color:#c9d3de;gap:12px;padding:14px}.device-permission-demo-setup{gap:8px;display:grid}.device-permission-demo-setup fieldset{background:#fff;border:1px solid #c9d3de;border-radius:9px;gap:5px;margin:0;padding:9px 11px;display:grid}.device-permission-demo-setup legend{color:#3e4c5c;padding:0 4px;font-size:12px;font-weight:800}.device-permission-demo-setup label{color:#1d2733;align-items:flex-start;gap:7px;font-size:13px;font-weight:600;line-height:1.45;display:flex}.device-permission-demo-setup input{accent-color:#b5400b;margin-top:3px}.device-permission-demo-toggle{background:#fff;border:1px solid #c9d3de;border-radius:9px;padding:8px 11px}.device-permission-demo-stage{grid-template-columns:minmax(0,260px) minmax(0,1fr);justify-content:center;align-items:start;gap:14px;display:grid}.device-permission-demo-phone{--mph-frame:#20262e;justify-self:center;min-height:420px;position:relative}.device-permission-demo-phone .mobile-phone-screen{min-height:380px;position:relative}.device-permission-demo-app{gap:2px;padding:10px 2px 4px;display:grid}.device-permission-demo-app small{color:#6a4b3a;font-size:12px;font-weight:800}.device-permission-demo-app b{color:#1d2733;font-size:20px}.term-interactive-demo.device-permission-demo button{color:#1d2733;background:#fff;border-color:#c9d3de}.term-interactive-demo.device-permission-demo button:hover{color:#1d2733;border-color:#1d2733}.term-interactive-demo.device-permission-demo button:focus-visible{outline-offset:2px;outline:2px solid #0a5ad6}.term-interactive-demo.device-permission-demo .device-permission-demo-shoot,.term-interactive-demo.device-permission-demo .device-permission-demo-fallback button:not(.is-secondary),.term-interactive-demo.device-permission-demo .device-permission-demo-sheet button{color:#fff;background:#b5400b;border-color:#b5400b;border-radius:12px;min-height:42px;font-size:15px;font-weight:800}.term-interactive-demo.device-permission-demo .device-permission-demo-shoot:hover,.term-interactive-demo.device-permission-demo .device-permission-demo-fallback button:not(.is-secondary):hover,.term-interactive-demo.device-permission-demo .device-permission-demo-sheet button:hover{color:#fff;background:#8f3209}.term-interactive-demo.device-permission-demo .device-permission-demo-shoot{margin-top:90px}.term-interactive-demo.device-permission-demo .device-permission-demo-retry{color:#3e4c5c;border-style:dashed;min-height:30px;font-size:12px}.device-permission-demo-viewfinder{color:#f2f5f8;text-align:center;background:repeating-linear-gradient(135deg,#2b3440 0 10px,#323c49 10px 20px);border-radius:12px;place-items:center;min-height:170px;font-size:13px;font-weight:800;display:grid}.device-permission-demo-viewfinder.is-album{color:#155c34;background:#e9f5ee;border:1.5px solid #2f8a57}.device-permission-demo-fallback{background:#fff6f1;border:1px solid #f0c9b5;border-radius:12px;gap:7px;padding:12px;display:grid}.device-permission-demo-fallback b{color:#7c2b06;font-size:15px}.device-permission-demo-fallback p{color:#4a2a1a;margin:0;font-size:13px}.term-interactive-demo.device-permission-demo .device-permission-demo-fallback .is-secondary{color:#8f3209;border-color:#b5400b}.device-permission-demo-stuck{text-align:center;background:#fdf1ef;border:1.5px dashed #a3221a;border-radius:12px;justify-items:center;gap:6px;padding:30px 8px;display:grid}.device-permission-demo-stuck b{color:#8c1d16;font-size:14px}.device-permission-demo-stuck p{color:#6a2a24;margin:0;font-size:12px}.device-permission-demo-spinner{border:3px solid #e6b8b2;border-top-color:#a3221a;border-radius:50%;width:22px;height:22px;animation:1s linear infinite device-permission-spin}@keyframes device-permission-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.device-permission-demo-spinner{animation:none}}.device-permission-demo-crash{color:#fff;text-align:center;background:#1d2733;border-radius:12px;gap:6px;margin-top:70px;padding:16px 12px;display:grid}.device-permission-demo-crash b{color:#ffb4a8;font-size:16px}.device-permission-demo-crash p{color:#e8edf2;margin:0;font-size:12px;line-height:1.5}.device-permission-demo-settings{background:#f2f2f7;border-radius:12px;gap:8px;margin-top:20px;padding:12px;display:grid}.device-permission-demo-settings small{color:#4f5d6d;font-size:12px}.device-permission-demo-settings b{color:#1d2733;font-size:15px}.device-permission-demo-settings .is-on{color:#fff;background:#1f7a43;border-radius:999px;justify-self:start;padding:2px 9px;font-size:12px;font-weight:800}.device-permission-demo-sheet,.device-permission-demo-alert{border-radius:14px;gap:6px;padding:14px;display:grid;position:absolute;left:10px;right:10px;box-shadow:0 10px 30px #0f141e47}.device-permission-demo-sheet{background:#fff;border:1px solid #e3d2c8;bottom:12px}.device-permission-demo-sheet b{color:#1d2733;font-size:15px}.device-permission-demo-sheet p{color:#3e4c5c;margin:0;font-size:13px;line-height:1.5}.device-permission-demo-alert{text-align:center;background:#ececf0f7;top:110px}.device-permission-demo-alert b{color:#111;font-size:14px}.device-permission-demo-alert p{color:#222;min-height:18px;margin:0;font-size:12px;line-height:1.45}.device-permission-demo-alert>div{border-top:1px solid #c7c7cc;grid-template-columns:1fr 1fr;margin:6px -14px -14px;display:grid}.term-interactive-demo.device-permission-demo .device-permission-demo-alert button{color:#0a5ad6;background:0 0;border:0;border-radius:0;min-height:40px;font-size:15px;font-weight:600}.term-interactive-demo.device-permission-demo .device-permission-demo-alert button+button{border-left:1px solid #c7c7cc;font-weight:800}.term-interactive-demo.device-permission-demo .device-permission-demo-alert button:hover{color:#0a5ad6;background:#0a5ad614}.device-permission-demo-ledger{color:#eef2f6;background:#1d2733;border-radius:12px;align-content:start;gap:8px;padding:12px;display:grid}.device-permission-demo-ledger div{border-bottom:1px solid #36424f;gap:2px;padding-bottom:7px;display:grid}.device-permission-demo-ledger small{color:#b6c2cf;font-size:12px;font-weight:700}.device-permission-demo-ledger b{color:#fff;font-size:15px}.device-permission-demo-ledger b.is-good{color:#8be3ad}.device-permission-demo-ledger b.is-bad{color:#ffab9f}.term-interactive-demo.device-permission-demo .device-permission-demo-reset{color:#eef2f6;background:0 0;border-color:#55626f;font-size:12px}.term-interactive-demo.device-permission-demo .device-permission-demo-reset:hover{color:#fff;border-color:#eef2f6}.term-interactive-demo.device-permission-demo .device-permission-demo-status{color:#1d2733;background:#fff;border-left:3px solid #b5400b;border-radius:6px;padding:10px 12px}@media (max-width:640px){.device-permission-demo-stage{grid-template-columns:minmax(0,1fr)}}