/* Screen lock of the KTU84P (Nexus 5) image: the credential screens' base, the pattern grid and keyboard, and Settings'
   screen lock setup (lockscreen.js); the same layouts and Settings resources from 4.0.4 to 4.4. */
.credential-setup{background:linear-gradient(#050607,#272d32);color:#eee;height:100%;display:flex;flex-direction:column;overflow:hidden!important}
.credential-setup .actionbar{flex:none}.credential-setup .actionbar h2{font-size:19px}.credential-choices{overflow:auto}.credential-choices .settings-row{margin:0 16px;width:calc(100% - 32px);min-height:57px}.credential-choices button:disabled{opacity:.35}
.credential-demo{color:#aaa;font-size:12px;line-height:1.4;padding:10px 18px}.credential-body{display:flex;flex:1;min-height:0;flex-direction:column;overflow:auto;overscroll-behavior:contain}
.credential-instruction{text-align:center;font-size:16px;line-height:1.35;margin:0;padding:14px 10px;min-height:50px;flex:none;color:#eee}
.credential-entry{display:flex;align-items:center;margin:0 24px;flex:none;border-bottom:2px solid #33b5e5}
.credential-entry input{min-width:0;width:100%;border:0;border-radius:0;background:transparent;color:#fff;font:26px RobotoICS,Arial,sans-serif;text-align:center;outline:none;height:44px;padding:4px;user-select:text;-webkit-user-select:text}
.credential-entry button{width:40px;height:42px;border:0;background:none;font-size:22px}.credential-spacer{flex:1;min-height:5px}
.credential-buttons{display:flex;min-height:48px;flex:none;border-top:1px solid #ffffff35;background:#252a2d}.credential-buttons button{flex:1;border:0;background:none;font-size:14px}.credential-buttons button+button{border-left:1px solid #ffffff25}.credential-buttons button:active{background:#33b5e555}
.credential-pattern{width:min(100%,300px);aspect-ratio:1;max-height:300px;align-self:center;flex:none;position:relative;display:grid;grid-template-columns:repeat(3,1fr);touch-action:none;user-select:none;-webkit-user-select:none}
.credential-pattern svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.credential-pattern polyline{stroke:#ffffff88;stroke-width:10;stroke-linecap:round;stroke-linejoin:round;fill:none}
.credential-pattern button{background:none;border:0;display:grid;place-items:center;position:relative;touch-action:none;padding:0}.credential-pattern button i{width:64px;height:64px;max-width:90%;max-height:90%;background:url(assets/lock-btn_code_lock_default_holo.png) center/contain no-repeat,url(assets/lock-indicator_code_lock_point_area_default_holo.png) center/contain no-repeat;pointer-events:none}
.credential-pattern button.selected i{background-image:url(assets/lock-btn_code_lock_touched_holo.png),url(assets/lock-indicator_code_lock_point_area_green_holo.png)}.credential-pattern.wrong button.selected i{background-image:url(assets/lock-btn_code_lock_default_holo.png),url(assets/lock-indicator_code_lock_point_area_red_holo.png)}
.credential-pattern.stealth:not(.wrong) polyline{visibility:hidden}.credential-pattern.stealth:not(.wrong) button.selected i{background-image:url(assets/lock-btn_code_lock_default_holo.png),url(assets/lock-indicator_code_lock_point_area_default_holo.png)}.credential-pattern button:focus-visible{outline:1px solid #33b5e5;outline-offset:-10px}
.credential-lock{display:flex;flex-direction:column;align-items:stretch;justify-content:initial;padding:0;height:100%;background:#0007}.credential-lock .lock-clock{position:static;flex:none;margin:16px 24px 0;text-align:right}.credential-lock .lock-time{font-family:AndroidClock,RobotoICS,sans-serif;font-size:64px;letter-spacing:0}.credential-lock .lock-owner{margin:5px 0 0 auto;font-size:12px;max-height:32px;overflow:hidden;text-align:right}.credential-lock-content{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:auto}.credential-lock .credential-instruction{padding:6px 10px;min-height:30px;font-size:14px}.credential-lock .credential-pattern{width:min(100%,280px);max-height:280px}.credential-lock .credential-entry{margin-bottom:9px}.credential-lock .credential-entry input{font-size:30px}
.credential-carrier{flex:none;text-align:center;font-size:13px;margin:6px 0}.credential-emergency{display:flex;align-items:center;justify-content:center;gap:5px;min-height:42px;flex:none;border:0;border-top:1px solid #ffffff25;background:#1a1d20aa;font-size:14px}.credential-emergency img{width:28px;height:28px;object-fit:contain}.credential-keyboard-confirm{position:absolute;left:-10000px}.credential-keyboard-confirm:focus{position:static;min-height:28px;background:#252a2d;border:0}
.screen.credential-locked .nav-home,.screen.credential-locked .nav-recent{opacity:0;pointer-events:none}
@media(max-height:600px){.credential-lock .lock-time{font-size:48px}.credential-lock .lock-clock{margin-top:8px}.credential-lock .credential-pattern{width:230px}}

/* LatinIME holo keyboard (identical in 4.0.4 and 4.3, dp scaled by 0.9): keyboardHeight 205.6dp, top/bottom padding
   2.335%/4.669%, key gaps 1.739% wide and 6.127% tall, letters at 55% of the key height in bold. */
/* Settings screen lock setup (choose_lock_pattern / confirm_lock_pattern / choose_lock_password / confirm_lock_password of
   this image's Settings.apk; dp x 0.9). Pattern: the 18 sp header and the empty 14 sp footer split the height around the
   square LockPatternView, under code_lock_top (2 dp, clear) and, when confirming, over code_lock_bottom (8 dp of 29 %
   black). PIN and password: the two-line 18 sp header, divider_horizontal_dark, the 24 sp bold field on
   password_field_default (9-patch cut 20 / 36 / 19 / 33, padding 23 / 22 / 7 / 16 xhdpi px) 30 dp in from each side. */
.credential-setup .hc-header{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 7.2px;font-size:16.2px;line-height:1.3;color:#fff}
.hc-top{flex:none;height:1.8px}
.hc-bottom{flex:none;height:7.2px;background:#0000004b}
.hc-footer{flex:1;min-height:0;margin:0;font-size:12.6px}
.hc-password .hc-header{flex:none;height:2.6em;padding:0 7.2px}
.hc-divider{flex:none;height:.9px;background:#ffffff13}
.hc-confirm .hc-divider{margin-top:5.4px}
.credential-setup .hc-field{margin:0 27px;border:0 solid transparent;border-image:url('assets/lock-password_field_default.png') 20 36 19 33 fill / 9px 16.2px 8.55px 14.85px stretch;padding:3.15px 9.9px 7.2px 10.35px}
.credential-setup .hc-field input{height:auto;padding:0;font:700 21.6px/1.25 RobotoICS,Roboto,Arial,sans-serif;color:#fff;letter-spacing:2px}
.credential-setup .credential-buttons button:disabled{color:#ffffff4c}