.cam-ios{background-color:#2b4b78;flex-direction:column;min-height:100vh;position:relative}.cam-ios,.cam-ios__scanner{align-items:center;display:flex}.cam-ios__scanner{flex:1;flex-direction:column;padding:40px 20px;width:100%}.cam-ios__title{color:hsla(0,0%,100%,.4);font-size:40px;line-height:50px}.cam-ios__subtitle{color:hsla(0,0%,100%,.5);font-family:var(--font-body);font-size:var(--fs-body);margin-top:var(--space-sm);text-align:center}.cam-ios__frame{height:200px;margin:auto 0;position:relative;width:200px}.cam-ios__corner{border-color:hsla(0,0%,100%,.3);border-style:solid;height:40px;position:absolute;width:40px}.cam-ios__corner--tl{border-width:3px 0 0 3px;left:0;top:0}.cam-ios__corner--tr{border-width:3px 3px 0 0;right:0;top:0}.cam-ios__corner--bl{border-width:0 0 3px 3px;bottom:0;left:0}.cam-ios__corner--br{border-width:0 3px 3px 0;bottom:0;right:0}.cam-ios__overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:var(--z-dialog)}.cam-ios__dialog{background-color:hsla(0,0%,100%,.95);border-radius:var(--radius-lg);box-shadow:var(--shadow-ios);overflow:hidden;width:270px}.cam-ios__dialog-body{padding:20px 16px 16px;text-align:center}.cam-ios__dialog-title{font-size:17px;font-weight:600;line-height:22px;margin-bottom:4px}.cam-ios__dialog-desc,.cam-ios__dialog-title{color:#000;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}.cam-ios__dialog-desc{font-size:13px;font-weight:400;line-height:18px}.cam-ios__dialog-actions{border-top:1px solid rgba(0,0,0,.12);display:flex}.cam-ios__dialog-btn{background:none;border:none;color:var(--color-ios-blue);cursor:pointer;flex:1;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;font-size:17px;font-weight:400;line-height:22px;padding:12px 8px;text-align:center}.cam-ios__dialog-btn+.cam-ios__dialog-btn{border-left:1px solid rgba(0,0,0,.12)}.cam-ios__dialog-btn--primary{font-weight:600}.cam-ios__dialog-btn:active{background-color:rgba(0,0,0,.05)}.cam-ios__progress{bottom:32px;height:48px;left:50%;position:absolute;transform:translateX(-50%);width:48px}.cam-ios__progress svg{height:100%;width:100%}@media (min-width:480px){.cam-ios__title{font-size:48px;line-height:60px}.cam-ios__frame{height:240px;width:240px}}.cam-android{align-items:center;background-color:#2b4b78;display:flex;flex-direction:column;min-height:100vh;position:relative}.cam-android__scanner{align-items:center;display:flex;flex:1;flex-direction:column;padding:40px 20px;width:100%}.cam-android__title{color:hsla(0,0%,100%,.4);font-size:40px;line-height:50px}.cam-android__subtitle{color:hsla(0,0%,100%,.5);font-family:var(--font-body);font-size:var(--fs-body);margin-top:var(--space-sm);text-align:center}.cam-android__frame{height:200px;margin:auto 0;position:relative;width:200px}.cam-android__corner{border-color:hsla(0,0%,100%,.3);border-style:solid;height:40px;position:absolute;width:40px}.cam-android__corner--tl{border-width:3px 0 0 3px;left:0;top:0}.cam-android__corner--tr{border-width:3px 3px 0 0;right:0;top:0}.cam-android__corner--bl{border-width:0 0 3px 3px;bottom:0;left:0}.cam-android__corner--br{border-width:0 3px 3px 0;bottom:0;right:0}.cam-android__overlay{align-items:center;display:flex;inset:0;justify-content:center;position:absolute;z-index:var(--z-dialog)}.cam-android__dialog{background-color:var(--color-android-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-dialog);overflow:hidden;width:280px}.cam-android__dialog-body{padding:24px 24px 20px;text-align:center}.cam-android__dialog-icon{height:24px;margin:0 auto 16px;width:24px}.cam-android__dialog-icon svg{height:100%;width:100%}.cam-android__dialog-text{color:hsla(0,0%,100%,.87);font-family:Roboto,Noto Sans,Arial,sans-serif;font-size:16px;font-weight:400;line-height:24px}.cam-android__dialog-text strong{font-weight:700}.cam-android__dialog-actions{display:flex;flex-direction:column}.cam-android__dialog-btn{background:none;border:none;border-top:1px solid hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.6);cursor:pointer;font-family:Roboto,Noto Sans,Arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.25px;padding:14px 24px;text-align:center;text-transform:capitalize;width:100%}.cam-android__dialog-btn:active{background-color:hsla(0,0%,100%,.08)}.cam-android__progress{bottom:32px;height:48px;left:50%;position:absolute;transform:translateX(-50%);width:48px}.cam-android__progress svg{height:100%;width:100%}@media (min-width:480px){.cam-android__title{font-size:48px;line-height:60px}.cam-android__frame{height:240px;width:240px}}.cam-perm{background-color:var(--color-oreo-blue);flex-direction:column;min-height:100vh}.cam-perm,.cam-perm__scanner{display:flex;position:relative}.cam-perm__scanner{align-items:center;flex:1;flex-direction:column;padding:40px 20px}.cam-perm__scanner-title{color:var(--color-text-white);font-size:48px;line-height:60px}.cam-perm__icon{height:200px;margin:70px 0 auto;width:201px}.cam-perm__icon svg{height:100%;width:100%}.cam-perm__progress{bottom:24px;height:48px;left:50%;position:absolute;transform:translateX(-50%);width:48px}.cam-perm__progress svg{height:100%;width:100%}.cam-perm__sheet{background-color:var(--color-white);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:var(--shadow-sheet);padding:20px 30px 30px;position:relative;z-index:2}.cam-perm__drag-handle,.cam-perm__sheet{align-items:center;bottom:80px;display:flex;flex-direction:column}.cam-perm__drag-handle{gap:var(--space-xs);margin-bottom:40px}.cam-perm__drag-handle span{background-color:var(--color-oreo-black);display:block;height:2px;width:80px}.cam-perm__content{gap:10px;width:100%}.cam-perm__content,.cam-perm__text{align-items:center;display:flex;flex-direction:column}.cam-perm__text{gap:var(--space-sm);text-align:center}.cam-perm__title{color:var(--color-text-primary);font-size:var(--fs-heading-md);line-height:30px}.cam-perm__description{color:var(--color-text-primary);font-size:var(--fs-body-sm);line-height:19px}.cam-perm__description p{font-size:13px;margin:0 0 7px}.cam-perm__buttons{align-items:center;display:flex;flex-direction:column;gap:var(--space-md);width:100%}.cam-perm__buttons .btn{width:100%}.cam-perm__skip-btn{background:none;border:none;color:var(--color-oreo-blue);cursor:pointer;font-family:var(--font-body);font-size:var(--fs-body);font-weight:700;letter-spacing:.32px;padding:0;text-decoration:underline;text-transform:uppercase;transition:color var(--transition-fast)}.cam-perm__skip-btn:hover{color:var(--color-oreo-blue-dark)}.cam-perm__skip-btn:focus-visible{outline:2px solid var(--color-oreo-blue);outline-offset:2px}@media (min-width:480px){.cam-perm__scanner-title{font-size:56px;line-height:70px}.cam-perm__icon{height:239px;width:240px}.cam-perm__title{font-size:28px;line-height:35px}.cam-perm__description{font-size:var(--fs-body);line-height:22px}}@media (min-width:768px){.cam-perm__sheet{margin:0 auto;max-width:500px;width:100%}.cam-perm__buttons .btn{min-width:300px;width:auto}}.no-permission{align-items:center;background-color:var(--color-oreo-blue);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px}.no-permission__title{color:var(--color-text-white);font-size:40px;line-height:50px}.no-permission__icon{flex-shrink:0;height:197px;margin:auto 0;width:198px}.no-permission__icon svg{height:100%;width:100%}@media (min-width:480px){.no-permission__title{font-size:48px;line-height:60px}.no-permission__icon{height:239px;width:240px}}@media (min-width:768px){.no-permission__title{font-size:56px;line-height:70px}.no-permission__icon{height:278px;width:280px}}