/* Android 4.4 Dialer (DialtactsTheme, Theme.Holo.Light). 1 dp = 0.906 px. */
.kkd-app{background:#eee;color:#000;display:flex;flex-direction:column;height:100%;overflow:hidden;font-family:RobotoICS,Roboto,sans-serif}
.kkd-main{position:relative}
.kkd-search{flex:none;display:flex;align-items:center;height:37.15px;margin:9.06px 6.34px 3.62px;padding:0 7.25px 0 14.5px;border:6.34px solid transparent;border-width:2.34px 3.3px 4.34px 2.34px;border-image:url('assets/kd-search_bg.png') 7 10 13 9 fill / 2.34px 3.3px 4.34px 3px stretch;background:none}
.kkd-search input{flex:1;min-width:0;height:33.5px;margin-left:7.25px;border:0;background:none;font:400 11.99px RobotoICS,sans-serif;color:#000;outline:none}
.kkd-search input::placeholder{color:#d3d3d3}
.kkd-search button{flex:none;width:33.5px;height:33.5px;border:0;background:none;padding:2.72px;display:grid;place-items:center}
.kkd-search button img{width:100%;height:100%;object-fit:contain}
.kkd-search button:active{background:#0000001a}
.kkd-list{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none;padding-bottom:4px}
.kkd-list::-webkit-scrollbar{display:none}
.kkd-fav-menu{display:flex;align-items:center;justify-content:space-between;padding:5.44px 7.25px 2.72px;background:#eee}
.kkd-fav-menu span{font:300 16.31px/21.74px RobotoLight,RobotoICS,sans-serif;color:#555}
.kkd-fav-menu button{height:21.74px;padding:0 7.25px;border:0;background:#999;color:#fff;font:400 10.87px RobotoICS,sans-serif}
.kkd-fav-menu button:active{background:#808080}
.kkd-tiles{display:grid;grid-template-columns:1fr 1fr;gap:0 0;padding:5.44px 7.25px}
.kkd-tile{position:relative;aspect-ratio:1/.67;margin:0 .9px .9px 0;background:#fff;overflow:hidden}
.kkd-tile-main{position:absolute;inset:0;border:0;padding:0;background:none;display:block;text-align:left}
.kkd-tile-main:active::after{content:'';position:absolute;inset:0;background:#33b5e566}
.kkd-tile-photo{position:absolute;inset:0;width:100%!important;height:100%!important}
.kkd-tile-shadow{position:absolute;left:0;right:0;bottom:0;height:77px;background:url('assets/kd-shadow_contact_photo.png') 0 100%/100% 100% no-repeat}
.kkd-tile-text{position:absolute;left:9.06px;right:9.06px;bottom:7.25px;display:flex;flex-direction:column;color:#fff}
.kkd-tile-name{font:400 13.59px/1.2 RobotoICS,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kkd-tile-type{font:400 9.97px/1.3 RobotoICS,sans-serif}
.kkd-tile-more{position:absolute;right:0;top:0;width:32.6px;height:32.6px;border:0;padding:3.62px;background:none}
.kkd-tile-more img{width:100%;height:100%}
.kkd-letter{display:grid;place-items:center;color:#fff;container-type:size;overflow:hidden}
.kkd-letter>span{font:300 67cqmin/1 RobotoLight,RobotoICS,sans-serif}
.kkd-letter img{width:60%;height:60%;object-fit:contain;opacity:.8}
.kkd-log-row{display:flex;align-items:center;min-height:57.98px;background:#fff;border-bottom:1px solid #e2e2e2}
.kkd-log-card{margin:0 7.25px 5.44px;box-shadow:0 1px 1px #0000001f}
.kkd-log-main{flex:1;min-width:0;display:flex;align-items:center;gap:7.25px;border:0;background:none;padding:0;text-align:left;height:57.98px}
.kkd-log-main:active,.kkd-log-call:active,.kkd-result:active{background:#0000001a}
.kkd-log-photo{width:57.98px!important;height:57.98px!important;flex:none}
.kkd-log-copy{min-width:0;display:flex;flex-direction:column;gap:2px}
.kkd-log-name{font:400 14.5px RobotoICS,sans-serif;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kkd-log-meta{display:flex;align-items:center;gap:3.62px;font:400 10.87px RobotoICS,sans-serif;color:#888;white-space:nowrap}
.kkd-call-type{width:14.5px;height:14.5px}
.kkd-log-divider{width:.9px;align-self:stretch;margin:15.4px 0;background:#d6d6d6}
.kkd-log-call{flex:none;width:48.92px;height:57.98px;border:0;background:none;display:grid;place-items:center}
.kkd-log-call img{width:28.99px;height:28.99px}
.kkd-no-favorites{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:0 0 4px;text-align:center}
.kkd-no-favorites img{width:162.2px;margin:auto 0 12.68px}
.kkd-no-favorites p{margin:0 0 auto;font:400 19.93px/1.25 RobotoICS,sans-serif;color:#777}
.kkd-all-row{align-self:stretch;height:43.49px;border:0;border-top:1px solid #d0d0d0;background:none;color:#000;font:400 14.5px RobotoICS,sans-serif}
.kkd-results{background:#fff}
.kkd-result{display:flex;align-items:center;gap:10.87px;width:100%;min-height:57.98px;border:0;border-bottom:1px solid #e8e8e8;background:#fff;padding:0 14.5px 0 0;text-align:left;color:#000}
.kkd-result-photo{width:57.98px!important;height:57.98px!important;flex:none}
.kkd-result-icon{width:57.98px;height:57.98px;flex:none;display:grid;place-items:center}
.kkd-result-icon img{width:28.99px;height:28.99px}
.kkd-result-copy{display:flex;flex-direction:column;min-width:0;font:400 14.5px RobotoICS,sans-serif}
.kkd-result-copy small{font-size:10.87px;color:#888}
.kkd-section{padding:7.25px 14.5px 3.62px;font:700 12.68px RobotoICS,sans-serif;color:#3b77e7;border-bottom:1px solid #3b77e7;margin:0 7.25px;background:#eee}
/* Dialpad panel: slides up over the list with a 3 dp shadow (shadow_fade_up). */
.kkd-dialpad{position:absolute;left:0;right:0;bottom:54.36px;z-index:2;background:#fff;border-top:1.81px solid #dadada;padding:9.06px 0 7.25px;box-shadow:0 -2.72px 2.72px #9999994d;animation:kkd-pad-in .2s cubic-bezier(0,0,.2,1)}
@keyframes kkd-pad-in{from{transform:translateY(100%)}to{transform:none}}
.kkd-digits{display:flex;align-items:center;height:42.58px;margin-bottom:7.25px}
.kkd-digits output{flex:1;min-width:0;padding-left:14.5px;text-align:center;font:300 32.6px/1 RobotoLight,RobotoICS,sans-serif;color:#000;white-space:nowrap;overflow:hidden;direction:rtl;text-overflow:clip}
.kkd-digits button{height:100%;padding:0 14.5px;border:0;background:#fff}
.kkd-digits button:active{background:#ececec}
.kkd-digits button img{width:23.86px;height:11.78px;display:block}
.kkd-keys{display:grid;grid-template-columns:repeat(3,1fr);padding:0 4.53px}
.kkd-key{height:50.74px;border:0;background:#fff;display:flex;align-items:center;justify-content:center;padding:0}
.kkd-key:active{background:#ececec}
.kkd-key-num{width:27.18px;text-align:center;font:300 36.24px/1 RobotoLight,RobotoICS,sans-serif;color:#3b77e7}
.kkd-key-sym .kkd-key-num{font-size:23.56px;color:#8b8b8b}
.kkd-key-letters{width:45.3px;padding-left:9.97px;text-align:left;font:300 11.78px RobotoLight,RobotoICS,sans-serif;color:#8b8b8b;box-sizing:border-box}
.kkd-key-letters img{width:16.31px;height:7.25px}
.kkd-bar{flex:none;position:relative;z-index:3;height:54.36px;background:#3b77e7;display:flex;justify-content:space-between;align-items:stretch}
.kkd-bar button{width:50.74px;border:0;background:none;display:grid;place-items:center;padding:0}
.kkd-bar button:active{background:#ffffff33}
.kkd-bar button img{width:28.99px;height:28.99px}
.kkd-bar .kkd-dial-button img{width:34.74px;height:34.74px}
/* CallLogActivity / AllContactsActivity: blue action bar, light tab strip with the #3265c1 underline. */
.kkd-ab{flex:none;height:43.49px;display:flex;align-items:center;background:#3b77e7;border-bottom:1.81px solid #3265c1;color:#fff}
.kkd-ab button{width:43.49px;height:100%;border:0;background:none;display:grid;place-items:center}
.kkd-ab button img{width:21.74px;height:21.74px}
.kkd-ab h2{margin:0;font:400 16.31px RobotoICS,sans-serif}
.kkd-tabs{flex:none;display:flex;height:43.49px;background:linear-gradient(#d3d3d3,#ebebeb);border-bottom:1.81px solid #c8c8c8}
.kkd-tabs button{flex:1;border:0;background:none;font:700 10.87px RobotoICS,sans-serif;text-transform:uppercase;color:#505050;position:relative}
.kkd-tabs button[aria-selected="true"]{color:#3b77e7}
.kkd-tabs button[aria-selected="true"]::after{content:'';position:absolute;left:0;right:0;bottom:-1.81px;height:6.98px;background:#3265c1}
.kkd-scroll{flex:1;min-height:0;overflow-y:auto;background:#eee}
.kkd-empty{margin:0;padding:36px 14.5px;text-align:center;color:#888;font:400 16.31px RobotoICS,sans-serif}