/* Chrome's base page, toolbar, tab switcher and library rules (formerly browser.css, shared with the 4.0.4 AOSP
   Browser); Chrome's own rules follow. */
.ics-browser{display:flex;flex-direction:column;overflow:hidden;background:#fff;color:#222;color-scheme:light}.ics-browser .browser-toolbar{flex:none;height:48px;background:linear-gradient(#444,#292929);padding:4px;gap:0}.ics-browser .browser-toolbar form{display:flex;align-items:center;min-width:0;height:38px;background:#222;box-shadow:inset 0 1px 2px #0007}.ics-browser .browser-toolbar form img{height:24px;width:24px;margin:0 6px}.ics-browser .browser-toolbar input{background:none;border:0;color:#ddd;font-size:15px;padding:5px;min-width:0;outline:none}.ics-browser .browser-toolbar button{width:38px;height:40px;padding:5px;flex:none;position:relative}.ics-browser .browser-toolbar button img{width:28px;height:28px;object-fit:contain}.browser-tab-count{position:absolute;inset:10px 0 0;color:#222;font-size:10px;font-weight:700}.ics-browser .browser-page{flex:1;overflow:auto;min-height:0;overscroll-behavior:contain;touch-action:pan-y;padding:15px}.web-header{display:flex;align-items:center;min-height:48px;background:#333;color:white;padding:0 5px;gap:5px}.web-header h2{flex:1;font-size:18px;font-weight:400;min-width:0;margin:0}.web-header button{border:0;background:none;color:white;height:44px;min-width:38px}.web-header img{width:28px;height:28px;object-fit:contain}.web-tabs{flex:1;overflow:auto;background:linear-gradient(#252a2e,#080a0c);padding:14px;overscroll-behavior:contain;touch-action:pan-y}.web-tab-card{background:#333;border:1px solid #555;margin:0 auto 16px;max-width:250px;box-shadow:0 3px 9px #0008}.web-tab-card.current{border-color:#33b5e5}.web-tab-title{display:flex;color:#eee;height:36px}.web-tab-title>button{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;text-align:left;padding:7px;color:inherit;font-size:12px}.web-tab-title>button:last-child{flex:0 0 36px}.web-tab-title img{width:20px;height:20px}.web-tab-preview{display:block;position:relative;height:165px;width:100%;border:0;padding:0;background:white;overflow:hidden;color:#333!important;text-align:left}.web-tab-preview>div{position:absolute;left:0;top:0;width:320px;min-height:250px;padding:15px;transform:scale(.72);transform-origin:0 0;pointer-events:none}.web-library-tabs{display:flex;background:#333;color:white}.web-library-tabs button{flex:1;border:0;border-bottom:3px solid transparent;background:none;padding:12px 3px;font-size:12px;text-transform:uppercase}.web-library-tabs button.active{border-bottom-color:#33b5e5}.web-library{flex:1;overflow:auto;min-height:0;background:#fafafa;overscroll-behavior:contain;touch-action:pan-y}.web-library-row{display:flex;border-bottom:1px solid #ddd}.web-library-row>button{flex:1;min-width:0;overflow-wrap:anywhere;text-align:left;border:0;background:none;color:#222!important;padding:14px;font-size:15px}.web-library-row>button:last-child:not(:first-child){flex:0 0 40px;color:#888!important;padding:5px}.web-library-row small{display:block;color:#888;font-size:11px;margin-top:4px}.web-find{display:flex;background:#ddd;padding:6px;gap:4px}.web-find input{flex:1;min-width:0;border:0;border-bottom:2px solid #33b5e5;background:white;color:#222;padding:7px}.web-find button{border:0;background:#bbb;color:#222!important}.browser-page mark{background:#ffe277;color:#111}.web-find-count{padding:4px 9px;background:#eee;color:#777;font-size:11px}.web-menu{max-height:calc(100% - 100px);overflow:auto}.web-menu button:disabled{opacity:.4}.web-offline-article{line-height:1.6}.web-offline-article h2{font-family:Georgia,serif}.web-offline-article time{font-size:11px;color:#888}.web-saved-note{padding:10px;background:#f1f1f1;color:#777;font-size:12px}

.web-tab-preview .browser-page{height:240px;max-height:none;overflow:hidden;display:block;background:white;box-sizing:border-box}.web-tab-preview .browser-page *{pointer-events:none}
/* Chrome 31-35 on the Nexus 5 (GSMArena review screenshots, 1 dp = 0.906 px): a 48 dp #e1e1e1 toolbar with a white
   32 dp omnibox (16 sp URL, reload inside), the tab-count square and the overflow in #666; incognito tinted #4f566c;
   the black tab switcher with stacked cards; the New Tab page bar; and the light popup menu with 18 sp items. */
.chr-app{background:#fff;color:#333;color-scheme:light;font-family:RobotoICS,Roboto,sans-serif}
.chr-toolbar{flex:none;display:flex;align-items:center;height:43.49px;padding-left:9.06px;background:#e1e1e1;z-index:2}
.chr-toolbar.incognito{background:#4f566c}
.chr-omnibox{flex:1;min-width:0;display:flex;align-items:center;height:28.99px;background:#fff;box-shadow:0 .906px 1.81px #0000003d}
.chr-omnibox input{flex:1;min-width:0;height:100%;padding:0 7.25px;border:0;background:none;font:400 14.5px RobotoICS,sans-serif;color:#333;outline:none}
.chr-omnibox input::placeholder{color:#888}
.chr-reload{flex:none;width:28.99px;height:28.99px;padding:0;border:0;background:none;display:grid;place-items:center;color:#777!important}
.chr-reload svg{width:19.93px;height:19.93px}
.chr-btn{flex:none;width:39.86px;height:43.49px;padding:0;border:0;background:none;display:grid;place-items:center;color:#666!important}
.chr-btn svg{width:21.74px;height:21.74px}
.chr-toolbar .chr-btn:last-child{width:34.43px}
.chr-tabs-btn span{position:relative;display:grid;place-items:center;width:17.21px;height:17.21px;margin:3px 0 0 3px;border:1.81px solid currentColor;border-radius:1.81px;font:700 10.87px/1 RobotoICS,sans-serif}
.chr-tabs-btn span::before{content:"";position:absolute;left:-5.4px;top:-5.4px;width:12.68px;height:12.68px;border:solid currentColor;border-width:1.81px 0 0 1.81px;border-radius:1.81px 0 0 0}
.chr-toolbar.incognito .chr-btn,.chr-switcher-bar .chr-btn{color:#fff!important}
.chr-app .chr-btn:active,.chr-reload:active{background:#00000014}
.chr-app .browser-page{background:#fff}
.chr-app.chr-incognito .browser-page{background:#fff}
.chr-find{background:#e1e1e1}
/* New Tab page */
.chr-ntp{flex:1;min-height:0;display:flex;flex-direction:column;background:#f2f2f2}
.chr-ntp-incognito{background:#fff}
.chr-ntp-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;padding:9.06px}
.chr-most{display:grid;grid-template-columns:1fr 1fr;gap:9.06px}
.chr-tile{display:block;min-width:0;cursor:pointer;padding:0;border:0;background:#fff;box-shadow:0 .906px 1.81px #00000033;text-align:left;overflow:hidden}
.chr-tile-thumb{display:block;position:relative;height:94px;overflow:hidden;background:#fff}
.chr-tile-thumb .browser-page{position:absolute;left:0;top:0;width:326px;height:260px;padding:15px;overflow:hidden;transform:scale(.45);transform-origin:0 0;pointer-events:none;color:#333}
.chr-tile-title{display:block;padding:6.34px 7.25px;border-top:.906px solid #e3e3e3;font:400 12.68px RobotoICS,sans-serif;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chr-ntp-title{margin:3.62px 3.62px 9.06px;font:700 12.68px RobotoICS,sans-serif;color:#777;text-transform:uppercase}
.chr-bookmarks{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9.06px}
.chr-bookmark{display:flex;flex-direction:column;align-items:center;gap:6.34px;padding:12.68px 4px;border:0;background:#fff;box-shadow:0 .906px 1.81px #00000033;font:400 11.78px RobotoICS,sans-serif;color:#555!important}
.chr-bookmark>span:last-child{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chr-favicon{display:grid;place-items:center;width:43.49px;height:43.49px;background:#7b9cd6;color:#fff;font:700 21.74px RobotoICS,sans-serif}
.chr-devices{padding:40px 18px;text-align:center;color:#777;font-size:13.59px}
.chr-devices svg{width:58px;height:58px;color:#aaa}
.chr-empty{padding:30px 10px;text-align:center;color:#888;font-size:13.59px}
.chr-incognito-card{position:relative;padding:14.5px;background:#f0f0f0;box-shadow:0 .906px 1.81px #00000026;color:#222}
.chr-incognito-card h3{margin:0 40px 12px 0;font:700 13.59px RobotoICS,sans-serif}
.chr-incognito-card p{margin:0 0 12px;font:400 12.68px/1.4 RobotoICS,sans-serif}
.chr-incognito-icon{position:absolute;right:12px;top:10px;color:#aab}
.chr-incognito-icon svg{width:32px;height:32px}
.chr-ntp-bar{flex:none;display:flex;height:43.49px;background:#f1f1f1;border-top:.906px solid #d9d9d9}
.chr-ntp-bar button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;border:0;border-top:3.62px solid transparent;background:none;color:#555!important;font:400 16.31px RobotoICS,sans-serif}
.chr-ntp-bar button+button{border-left:.906px solid #ddd}
.chr-ntp-bar button.active{border-top-color:#33b5e5}
.chr-ntp-bar img{width:19.93px;height:19.93px}
.chr-ntp-bar svg{width:23.56px;height:23.56px}
/* History (chrome://history) */
.chr-history{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;padding:9.06px 10.87px;background:#fff}
.chr-history-search{display:flex;gap:6px}
.chr-history-search input{flex:1;min-width:0;padding:6px;border:.906px solid #bbb;font-size:13.59px;color:#222;background:#fff}
.chr-history-search button,.chr-clear{padding:6px 10px;border:.906px solid #bbb;border-radius:2px;background:linear-gradient(#fafafa,#e8e8e8);font-size:12.68px;color:#333!important}
.chr-clear{margin:9px 0 4px}
.chr-history h3{margin:12px 0 4px;padding-bottom:4px;border-bottom:.906px solid #ddd;font:700 13.59px RobotoICS,sans-serif;color:#333}
.chr-history-row{display:flex;align-items:center;gap:9px;width:100%;padding:7px 0;border:0;background:none;text-align:left;color:#333!important}
.chr-history-row strong{display:block;font:400 13.59px RobotoICS,sans-serif;color:#1a0dab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chr-history-row small{display:block;font-size:11.78px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chr-history-row>span:last-child{min-width:0}
.chr-globe{flex:none;display:grid;place-items:center;width:16px;height:16px;color:#888}
.chr-globe svg{width:16px;height:16px}
/* Tab switcher: black, "New tab" on the left, tabs stacked as cards with a tab label at the top right. */
.chr-switcher-view{background:#111}
.chr-switcher-bar{flex:none;display:flex;align-items:center;height:43.49px;background:#111}
.chr-new-tab{flex:1;display:flex;align-items:center;gap:7.25px;height:100%;padding:0 10.87px;border:0;background:none;color:#fff!important;font:400 16.31px RobotoICS,sans-serif;text-align:left}
.chr-new-tab svg{width:19.93px;height:19.93px}
.chr-stack{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;padding:9.06px 12.68px 30px}
.chr-card{position:relative;height:290px;background:#fff;box-shadow:0 -2px 8px #000000b3}
.chr-card+.chr-card{margin-top:-128px}
.chr-card-page{position:absolute;inset:0;overflow:hidden;cursor:pointer}
.chr-card-page .browser-page{height:100%;padding:34px 15px 15px;overflow:hidden;pointer-events:none;color:#333;background:#fff}
.chr-card-ntp{height:100%;display:grid;place-items:center;background:#f2f2f2;color:#9aa}
.chr-card-ntp img,.chr-card-ntp svg{width:64px;height:64px}
.chr-card.incognito .chr-card-ntp{background:#4f566c;color:#fff}
.chr-card-tab{position:absolute;top:0;right:0;width:62%;height:27.18px;display:flex;align-items:center;padding-left:16px;background:#f2f2f2;clip-path:polygon(11px 0,100% 0,100% 100%,0 100%);box-shadow:0 1px 0 #ccc}
.chr-card.incognito .chr-card-tab{background:#d9dbe2}
.chr-card-tab>button:not(.chr-card-close){flex:1;min-width:0;padding:0 5px;border:0;background:none;text-align:left;font:400 13.59px RobotoICS,sans-serif;color:#444!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chr-card-close{flex:none;width:27.18px;height:27.18px;padding:5px;border:0;background:none;color:#888!important}
/* Popup menu */
.chr-menu{position:absolute;z-index:31;top:calc(var(--sb) + 43.49px);right:3.62px;width:214px;max-height:calc(100% - var(--sb) - 43.49px - var(--nb) - 4px);overflow-y:auto;scrollbar-width:none;background:#f2f2f2;box-shadow:0 2px 8px #00000059,0 0 0 .906px #0000001a}
.chr-menu>button{display:flex;align-items:center;justify-content:space-between;width:100%;height:43.49px;padding:0 12.68px;border:0;border-top:.906px solid #dedede;background:none;text-align:left;font:400 16.31px RobotoICS,sans-serif;color:#222!important;white-space:nowrap}
.chr-menu>button:first-child{border-top:0}
.chr-check{width:28.99px;height:28.99px}
.chr-menu-icons{display:flex;height:43.49px}
.chr-menu-icons button{flex:1;display:grid;place-items:center;border:0;background:none;color:#555!important}
.chr-menu-icons button+button{border-left:.906px solid #dedede}
.chr-menu-icons button:disabled{color:#c2c2c2!important}
.chr-menu-icons svg{width:21.74px;height:21.74px}
.chr-menu button:active:not(:disabled),.chr-ntp-bar button:active,.chr-tile:active,.chr-bookmark:active,.chr-history-row:active{background:#00000014}
/* Settings (audit step 5): the preference screens, the list dialogs and Clear browsing data. */
.chr-prefs{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;font-family:RobotoICS,Roboto,sans-serif}
.chr-pref-bar{position:relative;flex:none;display:flex;align-items:center;z-index:2}
.chr-pref-bar b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.screen .chr-pref-up{display:flex;align-items:center;height:100%;padding:0;border:0;background:none}
.chr-pref-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}
.screen .chr-pref{display:flex;align-items:center;width:100%;min-height:43.49px;padding:7.25px 14.5px;border:0;background:none;text-align:left}
.chr-pref-text{flex:1;min-width:0;display:flex;flex-direction:column}
.screen .chr-pref-more{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.72px;width:43.49px;height:100%;padding:0;border:0;background:none}
.chr-pref-more i{width:3.62px;height:3.62px;border-radius:50%}
.chr-pref-popup-scrim,.chr-dlg-scrim{position:absolute;inset:0;z-index:40;border:0}
.chr-pref-popup-scrim{background:none}
.chr-pref-popup{position:absolute;z-index:41;right:3.62px;top:3.62px;min-width:163.08px;padding:3.62px 0;background:#fff;box-shadow:0 1.81px 7.25px #0006}
.screen .chr-pref-popup button{display:block;width:100%;min-height:43.49px;padding:0 14.5px;border:0;background:none;text-align:left;font:400 14.5px RobotoICS,Roboto,sans-serif;color:#000}
.chr-dlg-scrim{background:#0009}
.chr-dlg{position:absolute;z-index:41;top:50%;transform:translateY(-50%);background:#fff}
.chr-dlg h3{margin:0}
.screen .chr-dlg-check,.screen .chr-dlg-radio{display:flex;align-items:center;width:100%;min-height:43.49px;border:0;background:none;text-align:left}
.chr-dlg-check span,.chr-dlg-radio span{flex:1}
.chr-dlg-check i,.chr-dlg-radio i{flex:none;width:28.99px;height:28.99px}
.chr-dlg-busy{display:flex;align-items:center;gap:14.5px;padding:21.74px}
.chr-dlg-busy p{margin:0}
.chr-spinner{flex:none;width:32.62px;height:32.62px;border-radius:50%;border:3.62px solid #0000001a;animation:chr-spin .9s linear infinite}
@keyframes chr-spin{to{transform:rotate(360deg)}}
.screen .chr-dlg-buttons button:disabled{opacity:.4}
/* Theme.Holo.Light: the #f2f2f2 action bar with the up caret and the app icon, the 18 sp title, "CLEAR BROWSING DATA"
   as a 12 sp bold caps action; list separators (14 sp bold caps over a 2 dp line); rows of 18 sp titles and 14 sp
   #727272 summaries with the Holo check box; AlertDialog with the holo blue title, multi-choice rows and Cancel | Clear. */
.chr-pref-bar{height:43.49px;background:#f2f2f2;border-bottom:1.81px solid #d6d6d6}
.chr-pref-caret{width:14.5px;height:28.99px;object-fit:cover;object-position:left}
.chr-pref-icon{width:28.99px;height:28.99px;margin-right:7.25px}
.screen .chr-pref-up{padding-left:1.81px}
.chr-pref-bar b{font:400 16.31px RobotoICS,Roboto,sans-serif;color:#333}
.screen .chr-pref-action{height:100%;padding:0 10.87px;border:0;background:none;font:700 10.87px RobotoICS,Roboto,sans-serif;color:#333;text-transform:uppercase;white-space:nowrap}
.chr-pref-more i{background:#333}
.screen .chr-pref-up:active,.screen .chr-pref-action:active,.screen .chr-pref-more:active,.screen .chr-pref:active,.screen .chr-pref-popup button:active,.screen .chr-dlg button:active{background:#33b5e566}
.chr-pref-cat{margin:14.5px 14.5px 0;padding:0 7.25px 3.62px;border-bottom:1.81px solid #cfcfcf;font:700 12.68px RobotoICS,Roboto,sans-serif;color:#8f8f8f;text-transform:uppercase}
.chr-pref-text b{font:400 16.31px RobotoICS,Roboto,sans-serif;color:#000}
.chr-pref-text small{margin-top:1.81px;font:400 12.68px/1.3 RobotoICS,Roboto,sans-serif;color:#727272}
.chr-pref-check{flex:none;width:28.99px;height:28.99px;margin-left:7.25px;background:url('assets/btn_check_off_holo_light.png') center/contain no-repeat}
.chr-pref-check.on{background-image:url('assets/btn_check_on_holo_light.png')}
.chr-pref + .chr-pref{border-top:1px solid #e3e3e3}
.chr-dlg{left:14.5px;right:14.5px;background:#fff;box-shadow:0 2px 10px #0006}
.chr-dlg h3{padding:14.5px;border-bottom:1.81px solid #33b5e5;font:400 19.93px RobotoICS,Roboto,sans-serif;color:#33b5e5}
.chr-dlg-list{padding:3.62px 0}
.screen .chr-dlg-check,.screen .chr-dlg-radio{padding:0 7.25px 0 14.5px;font:400 16.31px RobotoICS,Roboto,sans-serif;color:#000}
.chr-dlg-check i{background:url('assets/btn_check_off_holo_light.png') center/contain no-repeat}
.chr-dlg-check.on i{background-image:url('assets/btn_check_on_holo_light.png')}
.chr-dlg-radio i{background:url('assets/btn_radio_off_holo_light.png') center/contain no-repeat}
.chr-dlg-radio.on i{background-image:url('assets/btn_radio_on_holo_light.png')}
.chr-dlg-buttons{display:flex;border-top:1px solid #0000001a}
.screen .chr-dlg-buttons button{flex:1;min-height:43.49px;border:0;background:none;font:400 14.5px RobotoICS,Roboto,sans-serif;color:#000}
.chr-dlg-buttons button+button{border-left:1px solid #0000001a}
.chr-dlg-busy p{font:400 16.31px RobotoICS,Roboto,sans-serif;color:#000}
.chr-spinner{border-top-color:#33b5e5}