.image-frame{--image-frame-pad: .55rem;position:relative;margin:.85rem 0;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:10px;background:color-mix(in srgb,var(--surface) 96%,currentColor 4%);box-shadow:0 6px 18px #00000012}.image-frame-bare{--image-frame-pad: 0;margin:0;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.image-frame-content{position:relative;z-index:1;display:flex;gap:var(--image-frame-gap);align-items:center;min-width:0;padding:var(--image-frame-pad);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.image-frame-item{--image-frame-flex: 1;--image-frame-item-min-width: var(--image-frame-min-width);flex:var(--image-frame-flex) 0 0;min-width:min(var(--image-frame-item-min-width),100%);margin:0;margin-block:.6rem}.image-frame .image-frame-item{margin-block:0}.image-frame-portrait{--image-frame-flex: 1}.image-frame-landscape{--image-frame-item-min-width: calc(var(--image-frame-min-width) * 1.4)}.image-frame-main{--image-frame-flex: 2}.image-frame-image-box{display:flex;align-items:center;justify-content:center;width:100%;height:auto;max-height:min(72vh,720px);border-radius:7px;overflow:hidden;background:transparent}.image-frame-fixed-height .image-frame-image-box{height:var(--image-frame-height);background:color-mix(in srgb,currentColor 7%,transparent)}.image-frame-image{display:block;width:100%;height:auto;max-height:min(72vh,720px);object-fit:var(--image-fit, contain);border-radius:7px;cursor:zoom-in;-webkit-user-drag:none;user-select:none;transition:filter .1s ease}.image-frame-image[src$=".thumb.webp"]{filter:blur(1px)}.image-frame-video{display:block;width:100%;height:auto;max-height:min(72vh,720px);border-radius:7px;background:#000}.image-frame-fixed-height .image-frame-image,.image-frame-fixed-height .image-frame-video{width:auto;max-width:100%;max-height:100%}.image-frame-item-caption{margin-top:.45rem;color:color-mix(in srgb,currentColor 72%,transparent);font-size:.88rem;line-height:1.4;text-align:center}.image-frame-caption{margin:0;padding:0 .55rem .55rem;color:color-mix(in srgb,currentColor 72%,transparent);font-size:.92rem;text-align:center}.image-frame-scroll-button{position:absolute;top:50%;z-index:3;display:none;place-items:center;width:2.65rem;height:4.35rem;border:0;border-radius:999px;background:#00000075;color:#fff;cursor:pointer;font-size:2.3rem;line-height:1;transform:translateY(-50%);opacity:1;transition:background .12s ease}.image-frame-scroll-button:hover{background:#0000009e}.image-frame-scroll-button-left{left:.25rem}.image-frame-scroll-button-right{right:.25rem}.image-frame-scrollable .image-frame-scroll-button:not([hidden]){display:grid}.image-frame-scrollable:after{content:"";position:absolute;inset-block:0;right:0;z-index:0;width:3.4rem;border-radius:0 10px 10px 0;pointer-events:none;opacity:1;background:linear-gradient(to right,#0000,#0000002e)}.image-frame-backdrop{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:2rem;background:#000000db;cursor:zoom-out}.image-frame-zoom-content{display:grid;justify-items:center;gap:.8rem;max-width:95vw;max-height:95vh;cursor:zoom-out}.image-frame-full-image{max-width:95vw;max-height:calc(95vh - 2.4rem);width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 16px 40px #0000004d}.image-frame-close-hint{margin:0;color:#ffffffd1;font-size:.92rem;line-height:1.2;text-align:center}@media(max-width:700px){.image-frame{--image-frame-pad: .45rem}.image-frame-item{--image-frame-item-min-width: min(var(--image-frame-min-width), 42vw)}.image-frame-landscape{--image-frame-item-min-width: min(calc(var(--image-frame-min-width) * 1.4), 58vw)}.image-frame-content{gap:max(8px,calc(var(--image-frame-gap) * .75))}.image-frame-image-box,.image-frame-image,.image-frame-video{max-height:min(62vh,480px)}.image-frame-scroll-button{width:2.25rem;height:3.5rem;font-size:1.9rem}.image-frame-caption{padding:0 .45rem .45rem}}