#person-detail{position:fixed;inset:0;overflow-y:auto;scrollbar-gutter:stable;z-index:10;background:var(--bg-neutral-3-rest)}@keyframes person-detail-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#person-detail.is-entering{animation:person-detail-enter .3s ease-out forwards}.person-detail-hero{position:relative;height:25rem;background-size:cover;background-position:center 34%;background-color:var(--bg-neutral-5-rest)}.person-detail-hero-overlay{position:absolute;inset:0;background:var(--overlay-background);background-image:linear-gradient(to bottom,transparent 0%,var(--bg-neutral-3-rest) 100%)}.person-detail-hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:var(--spacing-200) var(--shell-margin) 0;padding-inline-start:var(--shell-start-margin)}:root:not(.skin-od4) .person-detail-hero-content{padding-top:68px}.person-detail-back-wrap{position:sticky;top:48px;z-index:100;padding:0 var(--shell-margin);padding-inline-start:var(--shell-start-margin);margin-bottom:-2.75rem;pointer-events:none;filter:var(--album-back-btn-shadow)}.person-detail-back-wrap .view-back-btn{pointer-events:auto;height:44px;clip-path:inset(0 0 0 0 round 9999px);transition:clip-path .3s ease;position:relative}.person-detail-back-wrap .view-back-btn svg{transform:scale(.83);transition:transform .3s ease}[dir=rtl] .person-detail-back-wrap .view-back-btn svg{transform:scale(.83) scaleX(-1)}.person-detail-back-wrap.is-compact .view-back-btn svg{transform:scale(1)}[dir=rtl] .person-detail-back-wrap.is-compact .view-back-btn svg{transform:scale(1) scaleX(-1)}.person-detail-back-wrap .view-back-btn span{clip-path:inset(0 0 0 0);transition:clip-path .3s ease}.person-detail-back-wrap.is-compact .view-back-btn{clip-path:inset(0 calc(100% - 44px) 0 0 round 9999px)}.person-detail-back-wrap.is-compact .view-back-btn span{clip-path:inset(0 calc(100% - 1px) 0 0)}.person-detail-back-wrap .view-back-btn:focus-visible,.person-detail-back-wrap.is-compact .view-back-btn:focus-visible{clip-path:var(--focus-clip-pill)}.person-detail-back-wrap.is-compact .view-back-btn:focus-visible span{clip-path:inset(0)}.person-detail-back-wrap.is-docked{top:0;padding-top:48px}.person-detail-featured{display:flex;flex-direction:column;align-items:center;padding-bottom:0}.person-detail-tile{width:var(--named-w);height:var(--named-h);border-radius:36px;overflow:hidden;background:var(--bg-neutral-5-rest);box-shadow:var(--shadow-16);flex-shrink:0;transition:border-radius .18s ease-out;-webkit-user-drag:none;user-select:none}.person-detail-tile.circular{border-radius:var(--radius-circular);width:var(--named-w);height:var(--named-w)}.person-detail-tile img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}.person-detail-tile img[src=""]{display:none}.person-detail-tile-placeholder{display:none;width:100%;height:100%;align-items:center;justify-content:center;font-size:var(--font-size-large-title-2);color:var(--fg-neutral-6-rest)}.person-detail-tile img[src=""]~.person-detail-tile-placeholder{display:flex}.person-detail-name{color:var(--fg-neutral-1-rest);font-size:var(--font-size-title-1);font-weight:700;line-height:52px;text-align:center;margin-top:var(--spacing-80);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:var(--text-shadow-16)}.person-detail-name .person-name-text{cursor:text}.person-detail-name .person-name-text:focus-visible{outline:2px solid var(--stroke-focus-2);outline-offset:2px}.person-detail-name.is-unnamed{display:flex;flex-direction:column;align-items:center;overflow:visible;min-width:320px}.person-detail-name .add-name-input{background:transparent;border:none;outline:none;color:var(--fg-neutral-1-rest);font-size:var(--font-size-title-1);font-weight:700;line-height:52px;font-family:inherit;text-align:center;padding:0;width:100%;min-width:0;text-shadow:var(--text-shadow-16)}.person-detail-name .add-name-input::placeholder{color:var(--person-name-placeholder)}.person-detail-name .add-name-input:focus::placeholder{color:var(--person-name-placeholder-focus)}.person-detail-name .add-name-input:disabled{opacity:.6;cursor:default}.person-detail-name .add-name-underline{height:var(--size-20);width:90%;max-width:520px;background:var(--fg-brand-1-rest);border-radius:1px;margin:var(--spacing-40) auto 0;opacity:0;transform:scaleX(0)}.person-detail-name:focus-within .add-name-underline{opacity:1;transform:scaleX(1)}.person-detail-name .add-name-error{color:var(--fg-status-danger-1);font-size:.85rem;font-weight:var(--font-weight-body-1);line-height:1.2;margin-top:var(--size-60);text-shadow:none;min-height:0}.person-detail-count{font-size:var(--font-size-subtitle-2);font-weight:var(--font-weight-subtitle-2);color:var(--fg-neutral-4-rest);margin:14px 0 27px;text-align:center}.person-detail-subrow{display:flex;align-items:center;padding:var(--spacing-200) var(--shell-margin);padding-inline-start:var(--shell-start-margin);gap:var(--spacing-80);position:sticky;top:28px;z-index:99;pointer-events:none}body.od4-left-nav-mode .person-detail-subrow{top:0;padding-inline:var(--shell-margin);padding-inline-start:var(--shell-start-margin)}.person-detail-subrow .view-header-subtitle,.person-detail-subrow .view-header-actions{padding:0}.person-detail-subrow :is(#personDateDisplay,.od4-date-range-wrap,.gallery-controls,.gc-sel-btn,.chrome-btn-selection-count){pointer-events:auto}.person-detail-subrow #personDateBtn,body.od4-left-nav-mode .person-detail-subrow #personDateBtn{pointer-events:none;cursor:default}body.od4-left-nav-mode .person-detail-subrow #personDateBtn:is(:hover,:active){background:var(--bg-neutral-2-rest)}body.od4-left-nav-mode .person-detail-subrow.is-scrolled #personDateBtn:is(:hover,:active,*){background:transparent}body:not(.od4-left-nav-mode) #person-detail .person-detail-subrow.is-back-docked{padding-inline-start:calc(var(--shell-start-margin) + 44px + 6px)}.person-subrow-date{flex:0 0 auto}.person-subrow-spacer{flex:1}body.od4-left-nav-mode #personSubrow .od4-date-range-wrap .cs-back-slot{display:none}body.od4-left-nav-mode #personSubrow.is-scrolled .od4-date-range-wrap .cs-back-slot{display:block;width:var(--size-440);height:var(--size-440)}body.od4-left-nav-mode .person-detail-back-wrap.is-docked{z-index:101;filter:none;padding:21px 0 0;margin:0;padding-inline-start:calc(var(--shell-start-margin) + 26px)}body.od4-left-nav-mode .person-detail-back-wrap.is-docked .view-back-btn{background:transparent!important;outline:none!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:var(--size-120)!important}body.od4-left-nav-mode .person-detail-back-wrap.is-docked .view-back-btn>span{display:none}body.od4-left-nav-mode .person-detail-back-wrap.is-docked .view-back-btn:hover{background:var(--bg-neutral-4-hover)!important}body.od4-left-nav-mode .person-detail-back-wrap.is-docked .view-back-btn:active{background:var(--bg-neutral-4-pressed)!important}body.od4-left-nav-mode .person-detail-back-wrap.is-docked .view-back-btn:focus-visible{outline:2px solid var(--stroke-focus-2)!important;outline-offset:-3px!important;box-shadow:inset 0 0 0 4px var(--stroke-focus-1)!important}body.od4-left-nav-mode #personSubrow.is-scrolled .od4-date-range-wrap{gap:0}#person-detail>#personDetailLoading.loading{position:static;top:auto;left:auto;transform:none;padding-top:0}#personPhotoCanvas{min-height:200px}#personScrollContent{position:relative}#personCanvas{position:sticky;top:0;inset-inline-start:0;width:100%;display:block}#personCanvas:focus{outline:none}#selection-ring{position:fixed;pointer-events:none;border:none;box-shadow:inset 0 0 0 3px var(--fg-brand-1-rest);z-index:2;display:none}#personOverlayCanvas{position:sticky;top:0;inset-inline-start:0;width:100%;display:block;pointer-events:none}body.pane-open .person-detail-hero-content,body.pane-open .person-detail-back-wrap,body.pane-open #person-detail .person-detail-subrow{padding-inline-end:calc(var(--shell-margin) + var(--shell-pane-inset, 0px));transition:padding-inline-end .2s ease}body.pane-open #person-detail .person-detail-subrow.is-back-docked{padding-inline-start:calc(var(--shell-start-margin) + 44px + 6px)}#removeFromPersonDialog .dialog-panel{width:auto;min-width:400px;max-width:min(600px,90vw)}#removeFromPersonDialog .dialog-title{font-size:var(--font-size-subtitle-1);line-height:var(--line-height-subtitle-1);font-weight:var(--font-weight-subtitle-1)}