.media-album{width:100%;min-width:0;margin-top:2rem}.media-album-stage{aspect-ratio:4/3;touch-action:pan-y;background:#151719;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.media-album-stage>img,.media-album-stage>video{object-fit:contain;width:100%;height:100%}.media-album-stage>button{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:8px;width:42px;height:48px;font-size:32px;position:absolute;top:42%}.media-album-prev{left:8px}.media-album-next{right:8px}.media-album-info{justify-content:space-between;gap:12px;margin:10px 0;font-size:13px;display:flex}.media-album-info a{text-decoration:underline}.media-album-thumbs{gap:8px;max-width:100%;padding:4px 2px 10px;display:flex;overflow-x:auto}.media-album-thumbs>button{cursor:pointer;background:#e8e8e8;border:2px solid #0000;border-radius:6px;flex:0 0 76px;height:60px;padding:0;overflow:hidden}.media-album-thumbs>button[aria-pressed=true]{border-color:var(--color-accent,#977540)}.media-album-thumbs img{object-fit:cover;width:100%;height:100%}.media-album-video{color:#303030;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.media-album-video small{font-size:11px}.media-album button:focus-visible,.media-album-stage:focus-visible{outline:3px solid var(--color-accent,#977540);outline-offset:2px}@media (width<=640px){.media-album-stage{aspect-ratio:1}.media-album-thumbs>button{flex-basis:64px;height:52px}}.media-album-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;display:grid}.media-album-tile{aspect-ratio:1;cursor:pointer;background:#e8e8e8;border:0;border-radius:4px;padding:0;display:block;overflow:hidden}.media-album-tile>img{object-fit:cover;width:100%;height:100%;transition:opacity .15s;display:block}.media-album-tile:hover>img{opacity:.85}.media-album-tile-video{color:#fff;background:#151719;flex-direction:column;justify-content:center;align-items:center;height:100%;font-size:32px;display:flex}.media-album-tile-video small{margin-top:8px;font-size:13px}.media-album-stack{flex-direction:column;gap:24px;display:flex}.media-album-stack figure{margin:0}.media-album-stack img,.media-album-stack video{border-radius:8px;width:100%;height:auto;display:block}.media-album-stack figcaption{justify-content:space-between;gap:12px;margin-top:8px;font-size:13px;display:flex}.media-album-stack a{text-decoration:underline}.media-lightbox{color:#fff;background:#101113;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0}.media-lightbox::backdrop{background:#000d}.media-lightbox[open]{flex-direction:column;display:flex}.media-lightbox-toolbar{flex-shrink:0;align-items:center;gap:16px;padding:8px 16px;font-size:14px;display:flex}.media-lightbox-toolbar>span{flex:1}.media-lightbox-toolbar a{color:#fff;text-decoration:underline}.media-lightbox-toolbar button{color:#fff;cursor:pointer;background:0 0;border:0;width:44px;height:44px;font-size:24px}.media-lightbox-stage{touch-action:pan-y;flex:1;justify-content:center;align-items:center;min-height:0;padding:0 64px 16px;display:flex;position:relative}.media-lightbox-stage>img,.media-lightbox-stage>video{object-fit:contain;width:100%;height:100%;display:block}.media-lightbox-stage>button{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:8px;width:44px;height:56px;font-size:36px;position:absolute;top:50%;transform:translateY(-50%)}.media-lightbox-prev{left:10px}.media-lightbox-next{right:10px}.media-lightbox-error{margin:0;padding:8px 16px}@media (width<=640px){.media-album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.media-lightbox-stage{padding:0 0 12px}.media-lightbox-prev{left:4px}.media-lightbox-next{right:4px}.media-lightbox-toolbar{gap:8px;padding-inline:8px}}.media-lightbox-stage{overflow:hidden}.media-lightbox-photo{touch-action:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.media-lightbox-photo>img{object-fit:contain;transform-origin:50%;will-change:transform;-webkit-user-drag:none;width:100%;height:100%;display:block}.media-lightbox-hint{text-align:center;color:#c7c7c7;flex-shrink:0;margin:0;padding:4px 12px 12px;font-size:12px}@media (pointer:fine){.media-lightbox-hint{display:none}}