/* DatePickerDialog / TimePickerDialog (ics-pickers.js), 1 dp = 0.85 px: Holo AlertDialog (title 22 sp holo_blue_light
   over a 2 dp line, Cancel | Set button bar) with Widget.Holo.NumberPicker wheels (48 dp rows, 18 sp text, 2 dp
   numberpicker_selection_divider lines, 16 dp side margins); light in Calendar, dark in DeskClock. */
.icpk{position:absolute;z-index:26;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88%,280px);background:#fff;color:#000;box-shadow:0 6px 24px #0009;font-family:RobotoICS,Roboto,sans-serif}
.icpk.dark{background:#282828;color:#fff;border:1px solid #3a3a3a}
.icpk h3{display:flex;align-items:center;height:54.4px;margin:0;padding:0 13.6px;border-bottom:1.7px solid #33b5e5;color:#33b5e5;font-weight:400;font-size:18.7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icpk-pickers{display:flex;justify-content:center;align-items:center;padding:10.2px 0}
.icpk-col{display:flex;flex-direction:column;align-items:center;width:54.4px;margin:0 8.5px;touch-action:none;user-select:none}
.screen .icpk-col button,.icpk-col b{display:flex;align-items:center;justify-content:center;width:100%;height:40.8px;padding:0;border:0;background:none;color:inherit;font:400 15.3px RobotoICS,Roboto,sans-serif}
.screen .icpk-col button{opacity:.3;cursor:pointer}
.screen .icpk-col button:active{opacity:.6}
.icpk-col b{font-weight:400;box-shadow:inset 0 1.7px #33b5e5,inset 0 -1.7px #33b5e5}
.icpk-divider{align-self:center;margin:0 -4px;font-size:15.3px}
.icpk-actions{display:flex;border-top:1px solid #d6d6d6}
.icpk.dark .icpk-actions{border-top-color:#4a4a4a}
.screen .icpk-actions button{flex:1;height:40.8px;border:0;background:none;color:inherit;font:400 13.6px RobotoICS,Roboto,sans-serif;cursor:pointer}
.screen .icpk-actions button+button{border-left:1px solid #d6d6d6}
.icpk.dark .icpk-actions button+button{border-left-color:#4a4a4a}
.screen .icpk-actions button:active{background:#33b5e566}