@layer components{image-gallery{min-width:0;display:block}.image-gallery{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface);border-radius:24px;min-width:0;overflow:hidden}.image-gallery__stage{cursor:zoom-in;grid-template:minmax(0,1fr)/minmax(0,1fr);place-items:center;width:100%;height:min(52dvh,540px);min-height:160px;padding:16px;display:grid;position:relative}.image-gallery__stage>:is(img,svg){object-fit:contain;width:100%;min-width:0;height:100%;min-height:0;max-height:100%}image-gallery[natural] .image-gallery__stage{height:auto;min-height:0;aspect-ratio:var(--gallery-ratio,16 / 9);padding:0}.image-gallery__stagewrap{position:relative}.image-gallery__stage--cinema{cursor:default}.image-gallery__cinema-frame{aspect-ratio:3/4;border-radius:var(--md-sys-shape-corner-medium,12px);isolation:isolate;max-width:100%;height:100%;position:relative}.image-gallery__cinema-bg{object-fit:cover;border-radius:inherit;opacity:0;width:100%;height:100%;transition:opacity .3s;position:absolute;inset:0}.image-gallery__cinema-bg.is-visible{opacity:1}.image-gallery__clip{object-fit:contain;width:100%;height:100%;display:none;position:absolute;inset:0}.image-gallery__clip.is-current{display:block}.image-gallery__decoder{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.image-gallery__cinema-poster{object-fit:contain;width:100%;height:100%;display:none;position:absolute;inset:0}.image-gallery__cinema-poster.is-visible{display:block}.image-gallery__cinema-loading{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-gallery__replay,.image-gallery__animate{z-index:2;width:36px;height:36px;color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px}.image-gallery__replay{left:12px}.image-gallery__animate{right:56px}.image-gallery__stage--cinema .image-gallery__animate{right:12px}.image-gallery__thumb--video:after{content:"";clip-path:polygon(38% 26%,76% 50%,38% 74%);background:#0b0f14b8;border-radius:50%;width:22px;height:22px;position:absolute;bottom:4px;right:4px;box-shadow:inset 0 0 0 1.5px #ffffffd9}.image-gallery__expand{width:36px;height:36px;color:var(--md-sys-color-on-secondary-container);background:var(--md-sys-color-secondary-container);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px}.image-gallery__toolbar{border-top:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:4px;padding:8px;display:flex}.image-gallery__caption{text-align:center;flex:1;gap:2px;min-width:0;display:grid}.image-gallery__caption strong{font:500 14px/20px var(--app-font);overflow-wrap:anywhere}.image-gallery__caption small{color:var(--md-sys-color-on-surface-variant);font:400 12px/16px var(--app-font);font-variant-numeric:tabular-nums}.image-gallery__thumbnails{gap:8px;padding:4px 12px 12px;display:flex;overflow:auto}.image-gallery__thumbnails button{background:var(--md-sys-color-surface-container);cursor:pointer;border:2px solid #0000;border-radius:12px;flex:0 0 64px;place-items:center;width:64px;height:56px;padding:4px;display:grid;position:relative}.image-gallery__thumbnails button[aria-checked=true]{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-secondary-container)}.image-gallery__thumbnails :is(img,svg){object-fit:contain;width:100%;height:44px}.image-gallery__status{color:var(--md-sys-color-on-surface-variant);font:400 14px/20px var(--app-font);margin:0;padding:0 16px 12px}.detail-layout{grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);align-items:start;gap:28px;padding:24px;display:grid}.detail-layout__media{min-width:0;position:sticky;top:24px}.detail-layout:not(:has(.detail-layout__media>*)){grid-template-columns:minmax(0,1fr)}.detail-layout__media:empty{display:none}.detail-layout__content{min-width:0}.detail-layout__content>.detail-section{padding-inline:0}.detail-layout__content>.detail-section:first-child{padding-top:0}@media (max-width:959px){.detail-layout{grid-template-columns:minmax(0,1fr);gap:24px;padding:16px}.detail-layout__media{position:static}.image-gallery__stage{height:min(40dvh,420px)}}@media (max-width:599px){.detail-layout{gap:20px;padding:12px}.image-gallery{border-radius:20px}.image-gallery__stage{padding:12px}}}