.photo-story{isolation:isolate;margin-top:28px;position:relative}.photo-story-plum{z-index:-1;pointer-events:none;opacity:.5;background:#718aca;width:136px;height:130px;position:absolute;top:-56px;right:-24px;transform:rotate(22deg);-webkit-mask:url(/ornaments/plum-dither.png) 50%/contain no-repeat;mask:url(/ornaments/plum-dither.png) 50%/contain no-repeat}.photo-story-figure{margin:0}.photo-story-frame{aspect-ratio:3/2;background:#080808;border-block:1px solid #ffffff1c;place-items:center;width:100%;min-height:0;display:grid}.photo-story-frame .photo-trigger{justify-content:center;align-items:center;width:100%;height:100%;min-height:0;animation:.2s ease-out both photo-story-appear;display:flex}.photo-story-frame img{object-fit:contain;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:100%}.photo-story-frame .photo-trigger:hover img{opacity:1}.photo-story-caption{color:#ffffffa6;grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:16px;margin-top:16px;font-size:12px;line-height:1.7;display:grid}.photo-story-caption>.text-link{white-space:nowrap;align-self:start;align-items:baseline;min-height:44px;display:inline-flex}.photo-story-number{font-variant-numeric:tabular-nums;color:#9ab0e5;white-space:nowrap;font-size:11px}.photo-story-thumbnails{flex-wrap:wrap;gap:10px;margin-top:18px;padding-block:8px;display:flex}.photo-story-thumbnails button{cursor:pointer;border:1px solid #0000;border-radius:3px;flex-direction:column;align-items:stretch;gap:7px;width:80px;min-height:70px;padding:3px;transition:border-color .16s,background-color .16s;display:flex;position:relative}.photo-story-thumbnails button img{object-fit:cover;border-radius:1px;width:100%;height:48px}.photo-story-thumbnails button>span{text-align:left;color:#ffffff80;padding-inline:2px;font-size:10px}.photo-story-thumbnails button[aria-pressed=true]{background:#8aa7ff0a;border-color:#8aa7ff}.photo-story-thumbnails button[aria-pressed=true]>span{color:#b2c4ef}.photo-story-thumbnails button:focus-visible,.moment-selector:focus-visible{outline-offset:4px;outline:2px solid #8aa7ff}.photo-story-error{color:#ffffffa6;align-items:center;min-height:48px;padding:16px;font-size:12px;line-height:1.6;display:inline-flex}.photo-story-static-links{flex-direction:column;gap:12px;margin-top:20px;font-size:13px;display:flex}.photo-story-static-links a{min-height:44px}.moments-folds{align-items:flex-start;gap:12px;display:flex}.moment-fold{flex:1;min-width:0;margin:0;transition:flex-grow .28s cubic-bezier(.2,.7,.2,1)}.moment-fold[data-selected=true]{flex-grow:2.4}.moment-selector{text-align:left;color:#ffffffa6;cursor:pointer;border-top:1px solid #ffffff29;align-items:flex-start;gap:8px;width:100%;min-height:52px;padding:8px 0;font-size:11px;line-height:1.5;transition:border-color .16s,color .16s;display:flex}.moment-selector>span:last-child{overflow-wrap:anywhere;min-width:0}.moment-selector[aria-pressed=true]{color:#fff;border-color:#8aa7ff}.moment-image{border-radius:3px;height:248px;overflow:hidden}.moment-image .photo-trigger{height:100%}.moment-image:focus-within{outline-offset:4px;outline:2px solid #8aa7ff}.moment-image .photo-trigger:focus-visible{outline-offset:-3px}.moment-image img{object-fit:cover;object-position:center;width:100%;height:100%}.moment-fold:nth-child(2) .moment-image{margin-top:16px}.moment-fold:nth-child(3) .moment-image{margin-top:32px}.moment-fold figcaption{color:#ffffff80;margin-top:12px;font-size:11px;line-height:1.6}.moment-fold figcaption>span:first-child{display:none}.moment-open-hint{white-space:nowrap;font-size:10px}@keyframes photo-story-appear{0%{opacity:.55}to{opacity:1}}@media (hover:hover) and (pointer:fine){.photo-story-thumbnails button:hover{border-color:#8aa7ff80}.moment-selector:hover{color:#fff;border-color:#8aa7ff80}}@media (max-width:767.98px){.photo-story-plum{opacity:.38;width:96px;height:96px;top:-40px;right:0}.photo-story-caption{grid-template-columns:auto minmax(0,1fr);gap:8px 12px;font-size:12px}.photo-story-caption>a{grid-column:2}.photo-story-thumbnails{gap:8px}.photo-story-thumbnails button{width:68px}.photo-story-thumbnails button img{height:44px}.moments-folds{grid-template-columns:1fr;gap:28px;display:grid}.moment-selector{display:none}.moment-image,.moment-fold:nth-child(2) .moment-image,.moment-fold:nth-child(3) .moment-image{height:auto;margin-top:0}.moment-image img{object-fit:contain;width:100%;height:auto}.moment-fold figcaption{justify-content:space-between;gap:16px;display:flex}.moment-fold figcaption>span:first-child{display:inline}}@media (prefers-reduced-motion:reduce){.photo-story-frame .photo-trigger{animation:none}.moment-fold,.moment-selector,.photo-story-thumbnails button{transition:none}}
