.ios-photos-page,.ios-photo-detail{background:#f7f7f9;color:#101014;overflow:hidden}.ios-photos-header{height:52px;padding:12px 16px 0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;background:linear-gradient(180deg,rgba(247,247,249,.96),rgba(247,247,249,.76),transparent);position:relative;z-index:4}.ios-photos-header button,.ios-photo-detail header button{border:0;color:#0878ff;background:rgba(255,255,255,.66);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.9),0 4px 18px rgba(0,0,0,.07);backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5)}.ios-photos-home{justify-self:start;width:34px;height:34px;border-radius:50%;font-size:30px;line-height:28px}.ios-photos-select{padding:8px 14px;border-radius:18px;font-size:13px}.ios-photos-add{width:34px;height:34px;border-radius:50%;font-size:22px}.ios-photos-scroll{height:calc(100% - 118px);overflow:auto;padding:0 14px 36px;scrollbar-width:none}.ios-photos-scroll::-webkit-scrollbar{display:none}.ios-photos-scroll>h1{font-size:32px;line-height:1;margin:5px 2px 18px;letter-spacing:-1.5px}.ios-photo-feature{height:180px;border-radius:23px;overflow:hidden;position:relative;margin-bottom:24px;background:#ddd;box-shadow:0 10px 30px rgba(18,24,34,.12)}.ios-photo-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.68))}.ios-photo-feature img{width:100%;height:100%;object-fit:cover}.ios-photo-feature div{position:absolute;left:16px;right:16px;bottom:14px;color:#fff;z-index:2;display:grid;gap:2px;text-shadow:0 1px 4px rgba(0,0,0,.4)}.ios-photo-feature small{font-size:11px;font-weight:700}.ios-photo-feature strong{font-size:20px}.ios-photo-feature span{font-size:11px;opacity:.86}.ios-photo-month{margin-bottom:25px}.ios-photo-month-title{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px 10px}.ios-photo-month-title h2{font-size:21px;line-height:1.1;margin:0 0 3px;letter-spacing:-.5px}.ios-photo-month-title p{font-size:11px;color:#777;margin:0}.ios-photo-month-title button{border:0;background:none;color:#0878ff;font-size:12px;padding:5px}.ios-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;border-radius:16px;overflow:hidden;background:#e6e6e8}.ios-photo-tile{border:0;padding:0;aspect-ratio:1;background:#ddd;overflow:hidden}.ios-photo-tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .18s}.ios-photo-tile:active img{transform:scale(.96)}.ios-photo-privacy{font-size:11px;line-height:1.5;color:#86868b;text-align:center;padding:5px 22px 20px}.ios-photos-bottom{position:absolute;left:10px;right:10px;bottom:8px;height:58px;border-radius:23px;background:rgba(244,244,246,.77);border:.5px solid rgba(255,255,255,.88);box-shadow:0 7px 28px rgba(0,0,0,.13);backdrop-filter:blur(26px) saturate(1.6);-webkit-backdrop-filter:blur(26px) saturate(1.6);display:grid;grid-template-columns:repeat(4,1fr);z-index:6}.ios-photos-bottom button{border:0;background:none;color:#777;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.ios-photos-bottom span{font-size:19px;line-height:1}.ios-photos-bottom small{font-size:9px}.ios-photos-bottom button.active{color:#0878ff}.ios-photo-detail{display:grid;grid-template-rows:58px minmax(0,1fr) auto 47px 60px}.ios-photo-detail header{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:8px 12px 0;text-align:center}.ios-photo-detail header button{width:34px;height:34px;border-radius:50%;font-size:23px}.ios-photo-detail header button:last-child{font-size:12px;letter-spacing:1px}.ios-photo-detail header div{display:grid;line-height:1.15}.ios-photo-detail header strong{font-size:13px}.ios-photo-detail header small{font-size:10px;color:#777;margin-top:3px}.ios-photo-stage{min-height:0;padding:12px 0;display:flex;align-items:center;justify-content:center;background:#08080a}.ios-photo-stage img{width:100%;height:100%;object-fit:contain}.ios-photo-caption{padding:10px 16px 8px;display:grid;gap:3px;background:#f7f7f9}.ios-photo-caption strong{font-size:13px}.ios-photo-caption span{font-size:10px;color:#7a7a80}.ios-photo-filmstrip{display:flex;align-items:center;gap:3px;padding:5px 12px;overflow:hidden}.ios-photo-filmstrip button{border:0;padding:0;width:26px;height:33px;border-radius:3px;overflow:hidden;opacity:.58;background:#ddd;flex:0 0 auto;transition:.16s}.ios-photo-filmstrip button.active{opacity:1;width:31px;height:39px;box-shadow:0 0 0 2px #fff,0 0 0 3px #0878ff}.ios-photo-filmstrip img{width:100%;height:100%;object-fit:cover}.ios-photo-toolbar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;border-top:.5px solid rgba(0,0,0,.12);background:rgba(247,247,249,.9);backdrop-filter:blur(20px)}.ios-photo-toolbar button{border:0;background:none;color:#0878ff;font-size:22px;height:100%}
@media(max-width:430px){.ios-photo-feature{height:166px}.ios-photos-scroll{padding-left:11px;padding-right:11px}}