.photos-stage{--bg:#fff;--bg2:#f2f2f7;--fill:#e5e5ea;--label:#000;--label2:#3c3c4399;--label3:#3c3c434d;--tint:#08f;--tab-sel:#005fdd;--glass:#fafafcb8;--glass-rim:#ffffffbf;--glass-shadow:0 8px 24px #0000001f;--glass-sel:#78788029;--edge:#fffffff0;--edge-mid:#ffffff9e;--viewer-bg:#fff;--frame:#dcdddf;--frame-hi:#fff;--frame-lo:#a9abaf;--ios:system-ui, -apple-system, BlinkMacSystemFont, var(--font-inter), "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ease-ios:cubic-bezier(.32, .72, 0, 1);--st:62px;height:calc(100dvh - 3.5rem);min-height:34rem;position:relative;overflow:hidden}@media (prefers-color-scheme:dark){.photos-stage{--bg:#000;--bg2:#1c1c1e;--fill:#2c2c2e;--label:#fff;--label2:#ebebf599;--label3:#ebebf54d;--tint:#0091ff;--tab-sel:#3aa0ff;--glass:#262628a8;--glass-rim:#ffffff29;--glass-shadow:0 8px 24px #00000073;--glass-sel:#78788052;--edge:#000000e6;--edge-mid:#0000008c;--viewer-bg:#000}}.photos-stage *,.photos-stage :before,.photos-stage :after{-webkit-tap-highlight-color:transparent}.photos-stage button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.photos-stage :focus-visible{outline:2px solid var(--tint);outline-offset:2px}.photos-stage svg.i{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.photos-stage svg.i.fill{fill:currentColor;stroke:none}.photos-stage .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.photos-stage .stage-cap{z-index:2;max-width:17rem;color:var(--color-stone-500);margin:0;font-size:.8125rem;line-height:1.45;position:absolute;bottom:1.4rem;left:1.5rem}.photos-stage .stage-cap b{color:var(--color-stone-900);font-weight:600;display:block}.photos-stage .device{width:471px;height:987px;transform:translate(-50%, -50%) rotate(0deg) scale(var(--s,.72));transform-origin:50%;background:linear-gradient(135deg, var(--frame-hi), var(--frame) 22%, var(--frame-lo) 50%, var(--frame) 78%, var(--frame-hi));border-radius:78px;padding:3px;transition:transform .66s cubic-bezier(.45,0,.2,1);position:absolute;top:50%;left:50%;box-shadow:0 40px 80px -30px #00000073,0 0 0 .5px #00000040}.photos-stage .device.enter{animation:photos-rise .8s var(--ease-ios) both}@keyframes photos-rise{0%{opacity:0;translate:0 60px}to{opacity:1;translate:0}}.photos-stage .bezel{background:#050505;border-radius:75px;width:100%;height:100%;padding:12.4px;position:relative}.photos-stage .btn-hw{background:linear-gradient(90deg, var(--frame-lo), var(--frame-hi), var(--frame));border-radius:3px;width:5px;position:absolute}.photos-stage .btn-hw.l{left:-3.5px}.photos-stage .btn-hw.r{right:-3.5px}.photos-stage .screen{background:var(--bg);width:440px;height:956px;color:var(--label);font-family:var(--ios);-webkit-font-smoothing:antialiased;isolation:isolate;-webkit-user-select:none;user-select:none;border-radius:62px;position:relative;overflow:hidden}.photos-stage .status{z-index:40;pointer-events:none;height:54px;color:var(--label);transition:opacity .25s;position:absolute;inset:0 0 auto}.photos-stage .status .time{width:76px;font:600 17px/22px var(--ios);letter-spacing:-.4px;text-align:center;position:absolute;top:20px;left:49px}.photos-stage .status .icons{align-items:center;gap:6px;display:flex;position:absolute;top:23px;right:36px}.photos-stage .island{z-index:41;background:#000;border-radius:19px;width:95px;height:37px;margin-left:-47.5px;position:absolute;top:14px;left:50%}.photos-stage .home-ind{background:var(--label);opacity:.9;z-index:41;pointer-events:none;border-radius:3px;width:144px;height:5px;margin-left:-72px;transition:opacity .25s;position:absolute;bottom:8px;left:50%}.photos-stage .screen.dark-chrome .status{color:#fff}.photos-stage .screen.dark-chrome .home-ind{background:#fff}.photos-stage .screen.landscape .status,.photos-stage .screen.landscape .home-ind{opacity:0}.photos-stage .views{position:absolute;inset:0;overflow:hidden}.photos-stage .view{background:var(--bg);will-change:transform;position:absolute;inset:0}.photos-stage .view .scroll{overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.photos-stage .view .scroll::-webkit-scrollbar{display:none}.photos-stage .view.under{pointer-events:none}.photos-stage .dim{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.photos-stage .edge{height:calc(var(--st) + 70px);z-index:5;pointer-events:none;background:linear-gradient(var(--edge), var(--edge-mid) 62%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;transition:opacity .2s;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.photos-stage .view[data-kind=album] .edge{height:calc(var(--st) + 172px)}.photos-stage .view[data-kind=library] .edge{height:calc(var(--st) + 128px)}.photos-stage .view.scrolled .edge{opacity:1}.photos-stage .glass{background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(180%);backdrop-filter:blur(16px)saturate(180%);box-shadow:inset 0 0 0 .6px var(--glass-rim), inset 0 1px 0 var(--glass-rim), var(--glass-shadow);color:var(--label);border-radius:999px}.photos-stage .gbtn{width:44px;height:44px;transition:transform .18s var(--ease-ios);border-radius:50%;place-items:center;display:grid}.photos-stage .gbtn:active,.photos-stage .gcap button:active{transform:scale(.92)}.photos-stage .gcap{align-items:center;gap:2px;height:44px;padding:0 6px;display:flex}.photos-stage .gcap button{min-width:40px;height:44px;font:400 17px/1 var(--ios);letter-spacing:-.4px;place-items:center;padding:0 9px;display:grid}.photos-stage .lhead{z-index:6;padding:var(--st) 20px 0;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:0 0 auto}.photos-stage .lhead>*{pointer-events:auto}.photos-stage .lhead h1,.photos-stage .lhead h2.lt{font:700 34px/41px var(--ios);letter-spacing:.4px;color:var(--label);margin:13px 0 0}.photos-stage .lhead .sub{min-height:20px;font:600 15px/20px var(--ios);letter-spacing:-.23px;color:var(--label2);margin-top:1px}.photos-stage .lhead .trail{align-items:center;gap:12px;margin-top:16px;display:flex}.photos-stage .lhead .lead{flex-direction:column;display:flex}.photos-stage .lhead .lead .gbtn{margin:-2px 0 4px}.photos-stage .navbar{z-index:6;height:calc(var(--st) + 44px);padding:calc(var(--st) - 2px) 20px 0;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;inset:0 0 auto}.photos-stage .navbar>*{pointer-events:auto}.photos-stage .navbar h2{font:600 17px/22px var(--ios);letter-spacing:-.43px;text-align:center;margin:0}.photos-stage .navbar .r{justify-self:end}.photos-stage .coll{padding:calc(var(--st) + 88px) 0 130px}.photos-stage .sec-h{justify-content:space-between;align-items:center;margin:24px 0 12px;padding:0 20px 0 24px;display:flex}.photos-stage .sec-h button.t{font:700 22px/28px var(--ios);letter-spacing:-.26px;color:var(--label);align-items:center;gap:4px;display:flex}.photos-stage .sec-h button.t svg{width:17px;height:17px;color:var(--label2);stroke-width:2.6px}.photos-stage .sec-h .fold{background:var(--fill);width:28px;height:28px;color:var(--tint);border-radius:50%;place-items:center;display:grid}.photos-stage .sec-h .fold svg{stroke-width:2.6px;width:14px;height:14px}.photos-stage .row{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:0 24px;display:flex;overflow-x:auto}.photos-stage .row::-webkit-scrollbar{display:none}.photos-stage .tile{background:var(--fill);scroll-snap-align:start;border-radius:15px;flex:none;width:120px;height:120px;scroll-margin-left:24px;position:relative;overflow:hidden}.photos-stage .tile.big{border-radius:26px;width:280px;height:280px}.photos-stage .tile img,.photos-stage .cover img,.photos-stage .cell img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.photos-stage .tile:after,.photos-stage .cover:after{content:"";pointer-events:none;background:linear-gradient(#0000 52%,#00000080);position:absolute;inset:0}.photos-stage .tile span,.photos-stage .cover span{z-index:1;color:#fff;font:600 13px/16px var(--ios);letter-spacing:-.08px;text-align:left;position:absolute;bottom:10px;left:12px;right:10px}.photos-stage .tile.big span{font:700 22px/26px var(--ios);bottom:18px;left:18px}.photos-stage .tile.big small{font:600 13px/16px var(--ios);opacity:.85;margin-top:2px;display:block}.photos-stage .tile .play{z-index:1;color:#fff;position:absolute;bottom:12px;right:12px}.photos-stage .tile:active,.photos-stage .cover:active{transition:transform .15s;transform:scale(.97)}.photos-stage .mtype{background:var(--bg2);border-radius:14px;margin:0 24px}.photos-stage .mtype button{width:100%;font:400 17px/22px var(--ios);letter-spacing:-.43px;align-items:center;gap:12px;padding:12px 14px;display:flex}.photos-stage .mtype button .n{color:var(--label2);margin-left:auto}.photos-stage .mtype button+button{border-top:.5px solid var(--label3)}.photos-stage .seg{grid-template-columns:repeat(3,1fr);height:48px;margin:0 24px;padding:3px;display:grid;position:relative}.photos-stage .seg button{z-index:1;font:600 15px/1 var(--ios);letter-spacing:-.23px;color:var(--label);border-radius:999px}.photos-stage .seg button[aria-pressed=true]{background:var(--glass-sel)}.photos-stage .covers{grid-template-columns:1fr 1fr;gap:12px;padding:18px 24px 130px;display:grid}.photos-stage .cover{aspect-ratio:1;background:var(--fill);border-radius:16px;position:relative;overflow:hidden}.photos-stage .cover span{font:600 15px/20px var(--ios);letter-spacing:-.23px;bottom:12px;left:14px}.photos-stage .hero{aspect-ratio:16/9;text-align:left;background:#000;border-radius:18px;width:calc(100% - 48px);margin:18px 24px 0;display:block;position:relative;overflow:hidden}.photos-stage .hero video{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.photos-stage .hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 42%,#0000009e);position:absolute;inset:0}.photos-stage .hero .meta{z-index:1;color:#fff;position:absolute;bottom:14px;left:16px;right:72px}.photos-stage .hero .meta small{font:600 12px/16px var(--ios);letter-spacing:.4px;text-transform:uppercase;opacity:.85;display:block}.photos-stage .hero .meta b{font:700 22px/27px var(--ios);letter-spacing:-.26px;display:block}.photos-stage .hero .pbtn{z-index:1;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff38;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:14px;right:14px;box-shadow:inset 0 0 0 .6px #ffffff73}.photos-stage .hero:active{transition:transform .15s;transform:scale(.98)}.photos-stage .gridwrap{padding-bottom:140px}.photos-stage .grid{grid-template-columns:repeat(var(--cols,3), 1fr);gap:1.5px;display:grid}.photos-stage .cell{aspect-ratio:1;background:var(--fill);position:relative;overflow:hidden}.photos-stage .cell .dur{color:#fff;font:600 12px/16px var(--ios);text-shadow:0 0 6px #0009;position:absolute;bottom:4px;right:6px}.photos-stage .grid.reflow{animation:photos-reflow .42s var(--ease-ios)}@keyframes photos-reflow{0%{opacity:.4;transform:scale(1.035)}to{opacity:1;transform:none}}.photos-stage .gridfoot{text-align:center;font:600 15px/20px var(--ios);letter-spacing:-.23px;color:var(--label);padding-top:18px}.photos-stage .gridfoot small{font:400 13px/18px var(--ios);color:var(--label2);margin-top:2px;display:block}.photos-stage .tabbar{z-index:30;pointer-events:none;height:62px;transition:transform .35s var(--ease-ios), opacity .25s;justify-content:space-between;display:flex;position:absolute;bottom:21px;left:21px;right:21px}.photos-stage .tabbar>*{pointer-events:auto}.photos-stage .tabbar.hide{opacity:0;transform:translateY(120px)}.photos-stage .tabs{width:196px;height:62px;padding:4px;display:flex}.photos-stage .tabs button{font:600 10px/12px var(--ios);letter-spacing:.12px;color:var(--label);border-radius:999px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.photos-stage .tabs button svg{width:24px;height:24px}.photos-stage .tabs button[aria-selected=true]{background:var(--glass-sel);color:var(--tab-sel)}.photos-stage .searchb{place-items:center;width:62px;height:62px;display:grid}.photos-stage .viewer{z-index:20;position:absolute;inset:0;overflow:hidden}.photos-stage .viewer .vbg{background:var(--viewer-bg);opacity:0;position:absolute;inset:0}.photos-stage .viewer.bare-black .vbg{background:#000}.photos-stage .track{will-change:transform;position:absolute;inset:0}.photos-stage .slide{height:100%;position:absolute;top:0;overflow:hidden}.photos-stage .slide .ph{object-fit:cover;transform-origin:0 0;will-change:transform;display:block;position:absolute}.photos-stage .vtop,.photos-stage .vbot,.photos-stage .scrub,.photos-stage .vbadges{z-index:3;transition:opacity .22s, transform .3s var(--ease-ios);position:absolute}.photos-stage .vtop{left:20px;right:20px;top:var(--st);justify-content:space-between;align-items:center;display:flex}.photos-stage .vtitle{flex-direction:column;justify-content:center;align-items:center;max-width:230px;height:44px;padding:0 18px;display:flex}.photos-stage .vtitle b{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font:600 15px/18px var(--ios);letter-spacing:-.23px;overflow:hidden}.photos-stage .vtitle small{font:400 12px/15px var(--ios);color:var(--label2)}.photos-stage .vbadges{left:20px;right:20px;top:calc(var(--st) + 56px);justify-content:flex-end;display:flex}.photos-stage .rate{height:24px;font:600 12px/1 var(--ios);align-items:center;gap:4px;padding:0 10px;display:flex}.photos-stage .rate svg{width:14px;height:14px}.photos-stage .scrub{height:34px;bottom:96px;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#0000,#000 20px calc(100% - 20px),#0000)}.photos-stage .scrub .strip{transition:transform .35s var(--ease-ios);align-items:center;gap:2px;display:flex;position:absolute;top:1px;left:50%}.photos-stage .scrub button{background:var(--fill);width:21px;height:31px;transition:width .3s var(--ease-ios), margin .3s var(--ease-ios);border-radius:4px;flex:none;overflow:hidden}.photos-stage .scrub button.on{width:32px;margin:0 10px}.photos-stage .scrub img{object-fit:cover;width:100%;height:100%;display:block}.photos-stage .vbot{justify-content:space-between;align-items:center;display:flex;bottom:26px;left:26px;right:26px}.photos-stage .vbot .gbtn{width:48px;height:48px}.photos-stage .vbot .gcap{gap:6px;height:48px;padding:0 8px}.photos-stage .vbot .gcap button{min-width:44px;height:48px;padding:0 8px}.photos-stage .heart.on svg{fill:#ff2d55;stroke:#ff2d55}.photos-stage .viewer.nochrome .vtop,.photos-stage .viewer.nochrome .vbot,.photos-stage .viewer.nochrome .scrub,.photos-stage .viewer.nochrome .vbadges{opacity:0;pointer-events:none}.photos-stage .info{z-index:4;background:var(--bg2);color:var(--label);transition:transform .45s var(--ease-ios);border-radius:28px 28px 0 0;padding:22px 24px 46px;position:absolute;bottom:0;left:0;right:0;transform:translateY(105%)}.photos-stage .info.open{transform:none}.photos-stage .info h3{font:700 20px/25px var(--ios);letter-spacing:-.45px;margin:0 0 2px}.photos-stage .info p{font:400 15px/20px var(--ios);color:var(--label2);margin:0}.photos-stage .info dl{font:400 15px/20px var(--ios);grid-template-columns:auto 1fr;gap:8px 16px;margin:16px 0 0;display:grid}.photos-stage .info dt{color:var(--label2)}.photos-stage .info dd{margin:0}.photos-stage .vlayer{background:0 0;width:440px;height:956px;margin:-478px 0 0 -220px;transition:transform .66s cubic-bezier(.45,0,.2,1),width .66s cubic-bezier(.45,0,.2,1),height .66s cubic-bezier(.45,0,.2,1),margin .66s cubic-bezier(.45,0,.2,1),background .3s;position:absolute;top:50%;left:50%}.photos-stage .vlayer video{object-fit:contain;background:0 0;width:100%;height:100%;position:absolute;inset:0}.photos-stage .viewer.land .vlayer{background:#000;width:956px;height:440px;margin:-220px 0 0 -478px;transform:rotate(90deg)}.photos-stage .vctl{opacity:0;pointer-events:none;align-items:center;gap:12px;width:min(560px,80%);height:46px;padding:0 16px;transition:opacity .25s;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.photos-stage .vclose{opacity:0;pointer-events:none;transition:opacity .25s;position:absolute;top:20px;left:88px}.photos-stage .viewer.land.ctl .vctl,.photos-stage .viewer.land.ctl .vclose{opacity:1;pointer-events:auto}.photos-stage .vctl .bar{cursor:pointer;background:#7f7f7f59;border-radius:3px;flex:1;height:6px;position:relative}.photos-stage .vctl .bar i{background:currentColor;border-radius:3px;width:0;position:absolute;inset:0 auto 0 0}.photos-stage .vctl time{min-width:34px;font:500 13px/1 var(--ios);font-variant-numeric:tabular-nums}.photos-stage .vctl button{place-items:center;width:28px;height:28px;display:grid}.photos-stage .unmute{height:36px;font:600 13px/1 var(--ios);align-items:center;gap:6px;padding:0 14px;display:none;position:absolute;top:20px;right:88px}.photos-stage .viewer.land.muted .unmute{display:flex}.photos-stage .toast{z-index:60;white-space:nowrap;font:600 13px/1 var(--ios);opacity:0;pointer-events:none;transition:opacity .2s, transform .3s var(--ease-ios);padding:10px 16px;position:absolute;top:120px;left:50%;transform:translate(-50%,-10px)}.photos-stage .toast.show{opacity:1;transform:translate(-50%)}@media (max-width:600px){.photos-stage{--st:10px;min-height:0}.photos-stage .stage-cap,.photos-stage .btn-hw,.photos-stage .status,.photos-stage .island,.photos-stage .home-ind{display:none}.photos-stage .device{width:auto;height:auto;box-shadow:none;background:0 0;border-radius:0;padding:0;inset:0;transform:none!important}.photos-stage .device,.photos-stage .device.enter{animation:none}.photos-stage .bezel{background:0 0;border-radius:0;padding:0}.photos-stage .screen{isolation:auto;border-radius:0;width:100%;height:100%}.photos-stage .tabbar{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.photos-stage .viewer{z-index:50;--st:calc(env(safe-area-inset-top,0px) + 10px);position:fixed}.photos-stage .vtop{left:16px;right:16px}.photos-stage .vbot{left:16px;right:16px;bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}.photos-stage .scrub{bottom:calc(env(safe-area-inset-bottom,0px) + 82px)}.photos-stage .vlayer{width:100%;height:100%;margin:0;top:0;left:0}.photos-stage .viewer.land .vlayer{width:100dvh;height:100vw;margin:0;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.photos-stage .vclose{top:16px;left:16px}.photos-stage .unmute{top:16px;right:16px}}@media (max-width:600px) and (orientation:landscape){.photos-stage .viewer.land .vlayer{width:100%;height:100%;top:0;left:0;transform:none}}@media (prefers-reduced-motion:reduce){.photos-stage .device,.photos-stage .vlayer,.photos-stage .tabbar,.photos-stage .scrub .strip,.photos-stage .info{transition:none!important}.photos-stage .device.enter,.photos-stage .grid.reflow{animation:none}}