.immich-video{position:relative;width:100%;margin:2rem auto;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.25);container-type:inline-size}.immich-video .iv-load{all:unset;display:block;width:100%;cursor:pointer}.immich-video img,.immich-video video{display:block;width:100%;height:auto;margin:0 auto!important;border-radius:0!important;box-shadow:none!important}.immich-video img[hidden]{display:none!important}.immich-video video{background:#000}.immich-video .iv-load span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:calc(100% - 1.6rem);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;padding:.6rem 1.2rem;border-radius:1.4rem;background:rgba(0,0,0,.7);color:#fff;font-size:1.6rem}.immich-video small{display:block;font-size:.8em;opacity:.8}.immich-video .iv-load:hover span,.immich-video .iv-load:focus-visible span{background:rgba(0,0,0,.9)}.iv-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.8rem;padding:2.4rem 1rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;opacity:0;transition:opacity .2s}.immich-video:hover .iv-bar,.immich-video:focus-within .iv-bar,.immich-video.iv-paused .iv-bar{opacity:1}.iv-btn,.iv-q{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:none;border-radius:4px}.iv-btn{width:3.2rem;height:3.2rem}.iv-btn svg{width:2.4rem;height:2.4rem}.iv-fs,.iv-mute,.iv-play{position:absolute;border-radius:6px;background:rgba(0,0,0,.55);color:#fff;opacity:0;transition:opacity .2s}.immich-video:hover :is(.iv-fs,.iv-mute,.iv-play),.immich-video:focus-within :is(.iv-fs,.iv-mute,.iv-play),.immich-video.iv-paused :is(.iv-fs,.iv-mute,.iv-play){opacity:1}.iv-fs{top:.8rem;right:.8rem}.iv-mute{top:.8rem;left:.8rem}.iv-play{left:50%;top:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;border-radius:50%}.iv-play svg{width:3.6rem;height:3.6rem}.iv-q{height:3.2rem;padding:0 .6rem;font-size:1.3rem;font-weight:600}.iv-q[hidden]{display:none}.iv-btn:focus-visible,.iv-q:focus-visible{outline:2px solid #fff}.iv-seek{flex:1;min-width:0;margin:0;accent-color:#fff;cursor:pointer}.iv-time{flex:none;font-size:1.3rem;font-variant-numeric:tabular-nums;white-space:nowrap}@container(max-width:420px){.iv-time {
    display: none;
  }
}@container(max-width:380px){.immich-video .iv-load span {
    padding: 0.4rem 0.9rem;
    font-size: 1.3rem;
  }
}.immich-video:fullscreen,.immich-video:-webkit-full-screen{width:100%;height:100%;margin:0;border-radius:0;background:#000;display:flex;align-items:center;justify-content:center}.immich-video:fullscreen video,.immich-video:-webkit-full-screen video{width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:auto!important;object-fit:contain}