.people-app{display:flex;flex-direction:column;overflow:hidden;background:#fafafa;color:#222;color-scheme:light}.people-header{display:flex;align-items:center;min-height:48px;background:#33b5e5;color:#fff}.people-header h2{margin:0;min-width:0;flex:1;font-size:19px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-header button{height:48px;min-width:40px;padding:5px;border:0;background:none}.people-header img{width:30px;height:30px;object-fit:contain}.people-header .people-star{font-size:30px}.people-star[aria-pressed=true]{color:#fff2a5}.people-header .people-done{padding:0 12px;border-left:1px solid #ffffff40}
.people-tabs{display:flex;background:#33b5e5;min-height:43px}.people-tabs button{flex:1;min-width:0;border:0;border-bottom:4px solid transparent;background:none;color:#d3edf6;font-size:12px;padding:8px 2px;text-transform:uppercase}.people-tabs button[aria-selected=true]{border-bottom-color:#fff;color:white}.people-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}.people-section{margin:0 12px;padding:9px 0 5px;border-bottom:2px solid #33b5e5;color:#1687b0;font-size:13px;font-weight:400;text-transform:uppercase}.people-row{display:flex;align-items:center;justify-content:space-between;width:100%;height:64px;border:0;border-bottom:1px solid #ddd;padding:0 12px 0 20px;background:none;text-align:left;font-size:18px;color:#222!important;gap:8px}.people-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.people-row img{width:48px;height:48px}.people-actions{display:flex;min-height:48px;background:#eee;border-top:1px solid #ccc}.people-actions button{flex:1;border:0;background:none;color:#333!important;padding:8px;min-width:0}.people-actions img{height:28px;width:28px;object-fit:contain}.people-actions button:first-child img{filter:brightness(.45)}.people-group{display:block;width:100%;text-align:left;border:0;border-bottom:1px solid #ddd;padding:18px;background:none;color:#222!important}.people-group strong{font-size:18px;font-weight:400}.people-group small{display:block;color:#777;margin-top:4px}.people-search{display:flex;padding:8px;background:#eee}.people-search input{width:0;flex:1;min-width:0;border:0;border-bottom:2px solid #33b5e5;padding:7px;color:#222;background:white}.people-search button{border:0;background:#ddd;color:#333!important}.people-portrait{position:relative;height:200px;background:#d1d1d1;overflow:hidden}.people-portrait>img{height:100%;width:100%;object-fit:cover;object-position:center 35%}.people-portrait h3{position:absolute;bottom:0;left:0;right:0;margin:0;background:#0008;color:white;font-size:24px;font-weight:400;padding:14px;overflow-wrap:anywhere}.people-detail-row{display:flex;border-bottom:1px solid #ddd;margin:0 12px}.people-detail-row button{flex:1;text-align:left;padding:15px 6px;background:none;border:0;color:#222!important;font-size:17px;overflow-wrap:anywhere;min-width:0}.people-detail-row small{display:block;color:#1687b0;font-size:12px;margin-top:5px}.people-detail-row button+button{flex:0 0 48px;border-left:1px solid #ddd}.people-detail-row img{width:28px;height:28px;filter:brightness(.5)}.people-note{padding:12px 18px;border-bottom:1px solid #ddd;overflow-wrap:anywhere}.people-note small{color:#1687b0}.people-note p{margin:5px 0;white-space:pre-wrap}.people-delete,.people-cancel{margin:15px;padding:10px;border:1px solid #bbb;background:#eee;color:#333!important}.people-editor{padding:12px}.people-account{display:flex;align-items:center;gap:12px;padding:8px 0 18px;color:#777}.people-account img{width:60px;height:60px}.people-editor>label{display:block;color:#1687b0;font-size:12px;margin:10px 0}.people-editor input:not([type=checkbox]){display:block;width:100%;padding:8px 3px;background:transparent;color:#222;border:0;border-bottom:1px solid #aaa;font-size:17px;outline:none}.people-editor input:focus{border-color:#33b5e5}.people-editor fieldset{border:0;border-top:1px solid #ddd;margin:20px 0;padding:10px 0}.people-membership{display:flex;gap:10px;padding:9px 0}.people-editor input[type=checkbox]{accent-color:#33b5e5}.people-favorites .people-row{height:90px}.people-favorites .people-row img{height:74px;width:74px}.people-app button:active{background-color:#bfe8f7}

.people-favorites{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:1px}.people-favorite-tile{position:relative;aspect-ratio:1;border:0;padding:0;background:#ccc;overflow:hidden}.people-favorite-tile img{width:100%;height:100%;object-fit:cover}.people-favorite-tile span{position:absolute;bottom:0;left:0;right:0;padding:12px 8px;background:#0008;color:white;font-size:16px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people-favorites>.empty-note{grid-column:1/-1}
/* The People overflow popups (with the checkable All calls to voicemail) and ContactDeletionInteraction's Holo Light
   AlertDialog (dp x 0.9): the optional holo blue title over its 2 dp line, the 18 sp message, Cancel / OK. */
.people-menu button{display:flex;align-items:center;justify-content:space-between;gap:7.2px}
.people-menu button img{width:28.8px;height:28.8px;flex:none}
.people-alert{position:absolute;z-index:30;left:14.4px;right:14.4px;top:calc(50% - 11.5px);transform:translateY(-50%);background:#f3f3f3;color:#000;box-shadow:0 2px 10px #0006;font-family:RobotoICS,Roboto,sans-serif}
.people-alert h3{display:flex;align-items:center;gap:7.2px;margin:0;padding:14.4px;border-bottom:1.8px solid #33b5e5;color:#33b5e5;font-size:19.8px;font-weight:400}
.people-alert h3 img{width:28.8px;height:28.8px}
.people-alert p{margin:0;padding:14.4px;font-size:16.2px}
.people-alert-buttons{display:flex;border-top:1px solid #0000001a}
.people-alert-buttons button{flex:1;min-height:43.2px;border:0;background:none;color:#000!important;font:14.4px RobotoICS,sans-serif}
.people-alert-buttons button+button{border-left:1px solid #0000001a}
.people-alert button:active{background:#33b5e566}