/* Photos on the Nexus 6: Google+ 4.9.0 (PlusOne.apk of LMY48Y), Theme.Photos.Material, 1 dp = 0.906 px. The 56 dp white
   action bar with grey600 icons (the drawer toggle, search, more), the drawer (#e5e5e5 NavigationBarLayout,
   selected_account.xml, 48 dp host_navigation_item.xml rows on #f3f3f3), the tab strip over play_checker_tile with
   equal tabs (14 sp #505050, the 4 dp #4285f4 underline over a 1 dp #26000000 line), the 2 dp grid three across on
   white, all_folders_tile_view.xml, the search instructions (body 1, #8a000000) and the black one-up view with
   photo_action_bar.xml (Edit on the 40 dp blue circle, Share, Delete). */
.ph-app{position:relative;background:#fff;color:#000000de;color-scheme:light;font-family:Roboto,sans-serif}
.ph-bar{flex:none;position:relative;display:flex;align-items:center;height:50.74px;background:#fff;box-shadow:0 .906px 2.72px #0003;z-index:2}
.screen .ph-up{flex:none;display:grid;place-items:center;width:50.74px;height:100%;padding:0;border:0;background:none}
.ph-up img{width:21.74px;height:21.74px}
.ph-toggle{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:2.72px}
.ph-toggle i{width:16.31px;height:1.81px;background:#757575}
.ph-bar h2{flex:1;min-width:0;margin:0 0 0 14.5px;font:500 18.12px Roboto,sans-serif;color:#000000de;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-btn{flex:none;width:43.49px;height:100%;padding:0;border:0;background:none;display:grid;place-items:center}
.ph-btn img{width:21.74px;height:21.74px}
.ph-app button:active{background-color:#0000001a}
.ph-tabs{flex:none;display:flex;height:43.49px;padding-bottom:.906px;background:url('assets/gp4-play_checker_bg.png') 0 0/1.81px 1.81px repeat;box-shadow:inset 0 -.906px #00000026}
.ph-tabs button{flex:1;min-width:0;padding:0 21.74px;border:0;background:none;font:500 12.68px Roboto,sans-serif;color:#505050!important;text-transform:uppercase;white-space:nowrap}
.ph-tabs button.active{box-shadow:inset 0 -3.62px #4285f4}
.ph-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none}
.ph-scroll::-webkit-scrollbar{display:none}
.ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.81px}
.ph-thumb{position:relative;display:block;aspect-ratio:1;padding:0;border:0;background:#f5f5f5;overflow:hidden}
.ph-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ph-folders::after,.ph-folder::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,#0000001c 66%,#00000033 75%,#00000055 88%,#00000066)}
.ph-folders span,.ph-folder span{position:absolute;z-index:1;left:7.25px;bottom:7.25px;display:flex;align-items:center;gap:3.62px;font:400 10.87px Roboto,sans-serif;color:#fff;text-align:left}
.ph-folders span img{width:18.12px;height:18.12px}
.ph-day-head{display:flex;align-items:center;height:43.49px;padding-left:14.5px}
.ph-day-head h3{flex:1;min-width:0;margin:0;font:500 12.68px Roboto,sans-serif;color:#0000008a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ph-share{flex:none;width:43.49px;height:100%;padding:0;border:0;background:none}
.ph-share img{width:21.74px;height:21.74px}
.ph-empty{padding:40px 16px;text-align:center;font-size:12.68px;color:#0000008a}
.ph-drawer-scrim{position:absolute;inset:0;z-index:30;border:0;background:#0000007a}
.ph-drawer{position:absolute;z-index:31;left:0;top:0;bottom:0;width:275.42px;display:flex;flex-direction:column;background:#e5e5e5;box-shadow:0 0 14.5px #0006}
.ph-account{position:relative;flex:none;height:154.02px;padding:14.5px;background:linear-gradient(#546e7a,#37474f);color:#fff}
.ph-account-avatar{display:grid;place-items:center;width:50.74px;height:50.74px;border-radius:50%;background:#e57373;font:500 21.74px Roboto,sans-serif}
.ph-account b{position:absolute;left:14.5px;bottom:30px;font:500 12.68px Roboto,sans-serif;text-shadow:.906px .906px 1.81px #333}
.ph-account small{position:absolute;left:14.5px;bottom:13px;font:400 12.68px Roboto,sans-serif}
.ph-nav{flex:1;padding:7.25px 0;background:#f3f3f3}
.screen .ph-nav button{display:flex;align-items:center;width:100%;min-height:43.49px;padding:0 0 0 14.5px;border:0;background:none;text-align:left;font:500 12.68px Roboto,sans-serif;color:#000000de}
.ph-nav img{flex:none;width:21.74px;height:21.74px;margin-right:28.99px}
.ph-nav button.on{background:#0000000d}
.ph-search-bar input{flex:1;min-width:0;height:36px;margin-right:14.5px;border:0;background:none;outline:none;font:400 16.31px Roboto,sans-serif;color:#000000de}
.ph-search-help{padding:32.62px 25.37px 0;text-align:center;font:400 12.68px/1.45 Roboto,sans-serif;color:#0000008a}
.ph-search-help p{margin:0}
.ph-search-icons{display:flex;justify-content:center;padding-top:21.74px}
.ph-search-icons img{width:21.74px;height:21.74px;padding:0 3.62px;box-sizing:content-box}
.ph-search-examples{padding-top:14.5px}
.ph-search-head{margin:0;padding:10.87px 14.5px 7.25px;font:500 12.68px Roboto,sans-serif;color:#0000008a}
.ph-viewer-view{background:#000}
.ph-viewer{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:pan-y}
.ph-viewer img{max-width:100%;max-height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.ph-viewer-view .ph-bar{position:absolute;left:0;right:0;top:0;transition:opacity .2s}
.ph-actionbar{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;background:#0000008c;transition:opacity .2s}
.screen .ph-actionbar button{display:grid;place-items:center;padding:9.06px 18.12px;border:0;background:none}
.ph-actionbar img{display:block;width:21.74px;height:21.74px}
.screen .ph-actionbar .ph-edit img{width:21.74px;height:21.74px;padding:7.25px;box-sizing:content-box;border-radius:50%;background:url('assets/gp4-ov_circle_blue_40.png') center/contain no-repeat}
.ph-bare .ph-bar,.ph-bare .ph-actionbar{opacity:0;pointer-events:none}
.ph-menu{position:absolute;z-index:31;right:3.62px;top:calc(var(--sb) + 3.62px);min-width:181.2px;padding:7.25px 0;background:#fff;border-radius:1.81px;box-shadow:0 1.81px 7.25px #0006}
.screen .ph-menu button{display:block;width:100%;min-height:43.49px;padding:0 14.5px;border:0;background:none;text-align:left;font:400 14.5px Roboto,sans-serif;color:#000000de}
.screen .ph-menu button:active{background:#0000001a}