.live-photo{border-radius:var(--border-radius,8px);container-type:inline-size;display:inline-block;height:auto!important;max-width:100%;overflow:hidden;position:relative}.live-photo .container{height:100%;position:absolute;width:100%}.live-photo .container img,.live-photo .container video{height:100%;object-fit:cover;position:absolute;width:100%}.live-photo .container img{transition:opacity 1s ease,transform 1s ease;z-index:1}.live-photo .container video{transition:transform 1s ease}.live-photo.zoom .container img,.live-photo.zoom .container video{transform:scale(1.1)}.live-photo.zoom .container img{opacity:0}.live-photo.zoom .icon img{animation:spin 5s linear infinite}.live-photo .controls{align-items:center;column-gap:6px;display:inline-flex;left:10px;position:relative;top:10px;z-index:2}.live-photo .icon{align-items:center;background-color:rgba(240,255,255,.67);border-radius:var(--border-radius,8px);cursor:pointer;display:inline-flex;height:20px;padding:2px;user-select:none}.live-photo .icon img{height:22px;width:22px}.live-photo .icon span{color:#606060;font-size:80%;padding:3px}@container (max-width: 200px){.live-photo .icon span{display:none}}.live-photo .warning{background-color:rgba(240,255,255,.67);border-radius:var(--border-radius,8px);color:#9a6700;display:none;left:0;margin:10px;opacity:0;padding:4px 6px;position:absolute;top:40px;transition:opacity .5s linear}.live-photo .warning.show{display:inline-block!important;opacity:1!important}.live-photo .volume-control{align-items:center;background-color:rgba(240,255,255,.67);border-radius:var(--border-radius,8px);cursor:pointer;display:inline-flex;height:20px;justify-content:center;padding:2px;transition:background-color .2s ease;user-select:none;width:20px}.live-photo .volume-control:hover{background-color:rgba(240,255,255,.9)}.live-photo .volume-control .volume-icon{height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}