.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 5.1 screen lock setup (Theme.Material.Settings, textColorPrimary #DE000000, dp x 0.906). LockPatternView 5.1:
   12 dp dots and a 3 dp path in lock_pattern_view_regular_color #37474F while drawing, theme_accent #009688 once a
   pattern is recorded, #F4511E when wrong. The field is TextAppearance.PasswordEntry (24 sp bold) over the accent
   underline; SecurityPreferenceButtonContainer holds two equal borderless buttons. */
.screen .credential-setup.lp-cl{background:#fafafa;color:#000000de}
.lp-cl .credential-demo{color:#0000008a}
.lp-cl .credential-body{background:none}
.lp-cl .lp-cl-header{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;margin:0;padding:0 7.25px;font:400 16.31px/1.3 Roboto,sans-serif;color:#000000de}
.lp-cl .lp-cl-footer{flex:1;min-height:0;margin:0;font:400 12.68px Roboto,sans-serif}
.lp-cl .lp-cl-password .lp-cl-header{flex:none;height:2.6em;color:#0000008a}
.lp-cl .credential-pattern button i,.lp-cl .credential-pattern button.selected i,.lp-cl .credential-pattern.wrong button.selected i{width:10.87px;height:10.87px;border-radius:50%;background:#37474f}
.lp-cl .credential-pattern.done button.selected i{background:#009688}
.lp-cl .credential-pattern.wrong button.selected i{background:#f4511e}
.lp-cl .credential-pattern polyline{stroke:#37474f;stroke-width:2.72px;vector-effect:non-scaling-stroke}
.lp-cl .credential-pattern.done polyline{stroke:#009688}
.lp-cl .credential-pattern.wrong polyline{stroke:#f4511e}
.lp-cl .lp-cl-field{margin:0 27.18px;border:0;border-bottom:1.81px solid #009688}
.lp-cl .lp-cl-field input{height:auto;padding:5.44px 0;font:700 21.74px/1.25 Roboto,sans-serif;color:#000000de;letter-spacing:2px}
.lp-cl .lp-cl-buttons{display:flex;min-height:43.49px;border:0;background:none}
.lp-cl .lp-cl-buttons button{flex:1;border:0;background:none;color:#000000de;font:500 12.68px Roboto,sans-serif;text-transform:uppercase}
.lp-cl .lp-cl-buttons button:active{background:#0000001a}
.lp-cl .lp-cl-buttons button:disabled{color:#00000042}