.kin-photo-gallery{min-width:0;margin-top:.65rem;container-type:inline-size}.kin-photo-gallery.is-strip{position:relative}.kin-photo-gallery>.kin-post-media{background:0 0;border:0;margin:0;padding:0}.kin-photo-gallery:not(.is-strip):not(.is-grid) .kin-post-media{border-radius:var(--kin-media-radius,12px);display:block;overflow:hidden}.kin-photo-gallery .kin-photo-tile{background:var(--kin-surface-raised);cursor:zoom-in;border:0;padding:0;display:block;overflow:hidden}.kin-photo-gallery:not(.is-strip):not(.is-grid) .kin-photo-tile{width:100%;min-height:44px}.kin-photo-gallery:not(.is-strip):not(.is-grid) .kin-photo-tile img{object-fit:contain;width:100%;height:auto;max-height:min(34rem,72svh);display:block}.kin-photo-gallery:not(.is-strip):not(.is-grid) .kin-photo-tile.has-frame img{object-fit:cover;height:100%;max-height:none}.kin-photo-gallery .kin-photo-tile:focus-visible{outline:2px solid var(--kin-primary-soft);outline-offset:-3px}.kin-photo-gallery.is-strip .kin-photo-strip{--kin-photo-height:max(44px,min(calc(88cqi / var(--kin-photo-max-ratio)),22rem,52svh));gap:var(--kin-media-gap,8px);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;border-radius:0;width:100%;scroll-padding-inline:0;display:flex;overflow:auto hidden}.kin-photo-strip::-webkit-scrollbar{display:none}.kin-photo-gallery.is-strip .kin-photo-strip>.kin-photo-tile{width:calc(var(--kin-photo-height) * var(--kin-photo-ratio));height:var(--kin-photo-height);border-radius:var(--kin-media-radius,12px);scroll-snap-align:start;scroll-snap-stop:always;touch-action:pan-x pan-y pinch-zoom;flex:none;min-height:44px}.kin-photo-gallery.is-strip .kin-photo-strip .kin-photo-tile img{object-fit:cover;width:100%;height:100%;max-height:none}.kin-photo-strip-footer{pointer-events:none;font-variant-numeric:tabular-nums;font-size:.6875rem;position:absolute;inset:0}.kin-photo-strip-footer>span:first-child{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.kin-photo-strip-footer>span[aria-live]{color:#fff;background:#000000a6;border-radius:999px;padding:4px 8px;position:absolute;top:8px;right:8px}.kin-photo-open-error{color:var(--kin-muted);font-size:.75rem}.kin-post-document.is-media-first>.kin-photo-gallery{margin:.45rem 0 .78rem}.kin-post-document.is-portrait .kin-photo-gallery{height:100%;margin:0}.kin-post-document.is-portrait .kin-photo-gallery .kin-photo-tile img{height:100%;max-height:34rem}.kin-photo-gallery.is-grid{margin-top:0}.kin-photo-gallery.is-grid .kin-photo-tile{aspect-ratio:4/5;border-radius:var(--kin-media-radius,12px)}.kin-photo-gallery.is-grid .kin-photo-tile img{object-fit:cover;width:100%;height:100%}.kin-photo-viewer{color:#fff;overscroll-behavior:none;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.kin-photo-viewer::backdrop{background:0 0}.kin-photo-scrim{opacity:0;background:#000;position:absolute;inset:0}.kin-photo-stage{inset:calc(60px + env(safe-area-inset-top)) 0 calc(84px + env(safe-area-inset-bottom));touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.kin-photo-canvas,.kin-photo-track{width:100%;height:100%}.kin-photo-track{scrollbar-width:none;overscroll-behavior:none;touch-action:none;display:flex;position:relative;overflow:auto hidden}.kin-photo-track::-webkit-scrollbar{display:none}.kin-photo-slide{flex:0 0 100%;place-items:center;min-width:0;height:100%;display:grid}.kin-photo-image{transform-origin:50%;will-change:transform;flex:none;position:relative}.kin-photo-image>img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.kin-photo-full{opacity:0}.kin-photo-full.is-ready{opacity:1}.kin-photo-load-error{color:#fff;background:#000c;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.75rem;display:flex;position:absolute;bottom:12px;left:12px;right:12px}.kin-photo-load-error button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.kin-photo-chrome{pointer-events:none;opacity:0;position:absolute;inset:0}.kin-photo-chrome>header{top:calc(8px + env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));grid-template-columns:44px 1fr 44px;place-items:center;gap:12px;display:grid;position:absolute}.kin-photo-chrome>header>button,.kin-photo-chrome>header .kin-action-menu-trigger,.kin-photo-chrome>:is(.kin-photo-previous,.kin-photo-next){color:#fff;width:44px;height:44px;font:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:#28282ae6;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.kin-photo-chrome>header .kin-photo-menu{grid-column:3}.kin-photo-chrome .kin-action-menu-panel{pointer-events:auto;color:#fff;background:#242426;border-color:#424245}.kin-photo-chrome button:disabled{opacity:.2;cursor:default}.kin-photo-chrome button:focus-visible,.kin-photo-load-error button:focus-visible{outline-offset:3px;outline:2px solid #fff}.kin-photo-chrome button svg{width:22px;height:22px}.kin-photo-chrome>header>span{font-variant-numeric:tabular-nums;grid-column:2;font-size:.8125rem}.kin-photo-publication-actions{bottom:calc(20px + env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));pointer-events:auto;justify-content:center;display:flex;position:absolute}.kin-photo-publication-actions .kin-post-actions{border:0;gap:8px;width:max-content;max-width:100%;margin:0;padding:0}.kin-photo-publication-actions .kin-post-actions>:is(a,button){color:#fff;border-radius:999px;order:2;min-width:44px;min-height:44px}.kin-photo-publication-actions .kin-post-actions svg{width:24px;height:24px}.kin-photo-publication-actions .kin-post-actions>[data-post-action=like]{order:1}.kin-photo-publication-actions .kin-post-actions>[data-post-action=bookmark]{order:3;margin-left:0}.kin-photo-publication-actions .kin-post-actions>[data-post-action=share]{order:4}.kin-photo-publication-actions .kin-post-actions .is-liked{color:#f16b94}.kin-photo-publication-actions .kin-post-actions .is-bookmarked svg{fill:currentColor}.kin-photo-publication-actions .kin-post-action-notice{color:#fff;text-align:center;background:#242426;border-radius:8px;margin:0;padding:8px 12px;font-size:.75rem;position:absolute;bottom:calc(100% + 12px);left:0;right:0}.kin-photo-previous,.kin-photo-next{position:absolute;top:calc(50% - 22px)}.kin-photo-previous{left:12px}.kin-photo-next{right:12px}@media (hover:none) and (pointer:coarse){.kin-photo-previous,.kin-photo-next{top:auto;bottom:calc(84px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.kin-photo-gallery *{scroll-behavior:auto}.kin-photo-image{will-change:auto}}@media (prefers-contrast:more){.kin-photo-gallery .kin-photo-tile{outline:1px solid var(--kin-text);outline-offset:-1px}.kin-photo-chrome button{outline-offset:-1px;outline:1px solid #fff}}.kin-photo-gallery .kin-media-profile-grid{gap:var(--kin-media-gap,8px);padding:0}.kin-photo-strip-footer{font-size:var(--kin-type-meta,.8125rem)}.kin-post-document.is-portrait .kin-photo-gallery:not(.is-strip):not(.is-grid) .kin-photo-tile{height:auto;min-height:44px;aspect-ratio:var(--kin-photo-ratio)}
