#album-detail{position:fixed;inset:0;overflow-y:auto;z-index:10;background:var(--bg-neutral-3-rest)}@keyframes detail-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-enter-empty{0%{opacity:0}to{opacity:1}}#album-detail.is-entering{animation:detail-enter .25s ease-out forwards}#album-detail.is-entering.detail-empty-visible{animation:detail-enter-empty .25s ease-out forwards}.detail-hero-bg{position:absolute;top:0;left:0;right:0;height:25rem;background-size:cover;background-position:center top;background-repeat:no-repeat;background-color:var(--bg-neutral-5-rest);transition:opacity .35s ease;z-index:0}.detail-hero-overlay{position:absolute;inset:0;background-color:var(--overlay-background);background-image:linear-gradient(to bottom,transparent 0%,var(--bg-neutral-3-rest) 100%)}.detail-back-wrap{position:sticky;top:48px;z-index:21;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)}.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}.detail-back-wrap .view-back-btn svg{transform:scale(.83);transition:transform .3s ease}[dir=rtl] .detail-back-wrap .view-back-btn svg{transform:scale(.83) scaleX(-1)}.detail-back-wrap.is-compact .view-back-btn svg{transform:scale(1)}[dir=rtl] .detail-back-wrap.is-compact .view-back-btn svg{transform:scale(1) scaleX(-1)}.detail-back-wrap .view-back-btn span{clip-path:inset(0 0 0 0);transition:clip-path .3s ease}.detail-back-wrap.is-compact .view-back-btn{clip-path:inset(0 calc(100% - 44px) 0 0 round 9999px)}.detail-back-wrap.is-compact .view-back-btn span{clip-path:inset(0 calc(100% - 1px) 0 0)}.detail-back-wrap .view-back-btn:focus-visible{clip-path:var(--focus-clip-pill)}.detail-back-wrap.is-compact .view-back-btn:focus-visible{clip-path:var(--focus-clip-pill)}.detail-back-wrap.is-compact .view-back-btn:focus-visible span{clip-path:inset(0)}.detail-back-wrap.is-docked{top:0;padding-top:48px}#album-detail .view-header.is-back-docked{padding-inline-start:calc(var(--shell-margin) + 44px + 6px)}body.od4-left-nav-mode #album-detail .view-header.is-back-docked{padding-inline-start:calc(var(--shell-start-margin) + var(--size-200))}.detail-hero{position:relative;height:25rem}.detail-hero-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:20px var(--shell-margin) 28px;padding-inline-start:var(--shell-start-margin)}:root:not(.skin-od4) .detail-hero-content{padding-top:68px}.detail-title-wrap{width:100%}.detail-title-grid{display:grid;grid-template-columns:100%}.detail-title-edit,.detail-title-display{grid-area:1 / 1 / 2 / 2;font-size:5rem;font-weight:var(--font-weight-large-title-2);font-family:inherit;line-height:1.1;color:var(--fg-neutral-1-rest);text-shadow:var(--text-shadow-8);padding:0 0 .2em;margin:0;word-break:break-word}.detail-title-edit{width:100%;min-width:0;max-width:80%;box-sizing:border-box;background:transparent;border:none;outline:none;resize:none;opacity:0;cursor:text;overflow:hidden;scrollbar-width:none}.detail-title-display{max-width:80%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.detail-title-edit:focus{opacity:1;white-space:normal;word-break:break-word;field-sizing:content;max-height:2.4em;overflow-y:auto;scrollbar-width:thin}.detail-title-edit:focus~.detail-title-display{opacity:0}.detail-title-underline{border:none;height:2px;margin-top:calc(var(--spacing-40) + .15em);background:transparent;transition:background .2s}.detail-title-grid:hover .detail-title-underline{background:var(--stroke-neutral-2-rest)}.detail-title-edit:focus~.detail-title-underline{background:var(--detail-title-underline)}.albums-shared-detail .detail-title-edit{pointer-events:none}.albums-shared-detail .detail-title-grid:hover .detail-title-underline{background:transparent}.detail-shared-by{display:flex;align-items:center;gap:var(--spacing-80);margin-top:var(--spacing-160)}.detail-shared-by-coin{width:32px;height:32px;font-size:var(--font-size-body-1)}.detail-shared-by-label{font-size:var(--font-size-body-2-stronger);color:var(--fg-neutral-1-rest);text-shadow:var(--text-shadow-2)}.detail-hero-actions{display:flex;align-items:center;gap:var(--spacing-80);margin-top:var(--spacing-160)}.detail-hero-coins{display:flex;align-items:center;gap:var(--spacing-40)}#album-detail .view-header{padding-inline-start:var(--shell-start-margin);padding-inline-end:var(--shell-margin)}.detail-date-display{pointer-events:none}.detail-date-display:has(#od4DateRangeText:empty){display:none}[data-folder-layout=river] .detail-grid{display:flex!important;flex-wrap:wrap;align-content:flex-start;gap:2px}[data-folder-layout=river] .detail-grid .detail-tile{aspect-ratio:unset;height:200px;flex:1 0 auto;min-width:120px;max-width:500px}[data-folder-layout=river] .detail-grid[data-detail-date=inline] .detail-date-header{flex-basis:100%;flex-shrink:0}#detailLoading{text-align:center;padding:60px 0;color:var(--fg-neutral-5-rest)}.detail-empty-state{color:var(--fg-neutral-2-rest);min-height:auto;padding-block:var(--spacing-320) var(--spacing-200);justify-content:flex-start}.detail-empty-visible .detail-hero{height:auto}.detail-empty-visible .detail-hero-content{height:auto;justify-content:flex-start;padding-top:100px}.detail-deleted-visible .detail-hero,.detail-deleted-visible #detailControls,.detail-deleted-visible #detail-scroll-content,.detail-deleted-visible #detailEmpty{display:none!important}.detail-deleted-state{min-height:100vh;justify-content:center}.detail-error-msg{text-align:center;padding:60px 0;color:var(--fg-neutral-5-rest);font-size:var(--font-size-body-2-stronger)}#detail-gallery-wrapper{position:absolute;inset:0;overflow:hidden}#detail-scroll-container{position:relative;z-index:1;width:100%;height:100%;overflow-y:scroll;overflow-x:hidden}#detail-scroll-content{position:relative;width:100%}#detail-canvas{display:block;width:100vw;height:100vh;position:sticky;top:0;inset-inline-start:0;cursor:default;visibility:hidden}#detail-canvas: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}#detail-selection-ring{position:absolute;pointer-events:none;border:3px solid var(--fg-brand-1-rest);border-radius:var(--radius-medium);box-shadow:0 0 0 1px #00000080,0 0 12px #7b9dff4d;z-index:50;display:none}#album-detail.webgl-mode{position:fixed;inset:0;overflow:hidden;background:transparent}#album-detail.webgl-mode .detail-hero{position:relative;z-index:1}#album-detail.webgl-mode .view-header{position:sticky;top:0;z-index:var(--z-sticky);background:transparent;pointer-events:none}#album-detail.webgl-mode .view-header .view-header-subtitle,#album-detail.webgl-mode .view-header .view-header-actions{pointer-events:auto}