.yAzOiJy{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden;display:flex;background:var(--color-background-secondary);video{width:100%;height:100%;object-fit:cover}}.yAzOiJy1{background:none;border:none;padding:8px;cursor:pointer;color:var(--color-text-primary);display:flex;align-items:center;justify-content:center;transition:opacity .2s;&:hover{opacity:.8}}.yAzOiJy2{position:relative;height:4px;background:var(--color-text-tertiary);border-radius:2px;cursor:pointer;transition:height .2s;&:hover{height:6px}}.yAzOiJy3{position:absolute;height:100%;background:var(--color-accent-primary);border-radius:2px;width:0}.yAzOiJy4{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(0,0,0,.7));padding:10px 20px;display:flex;flex-direction:column;gap:8px;opacity:0;transition:opacity .3s;&:hover{opacity:1}}.yAzOiJy5{display:flex;align-items:center}.yAzOiJy6{color:var(--color-text-primary);font-size:var(--fs-sm);min-width:100px;font-family:monospace;margin-right:auto;margin-left:10px}.yAzOiJy7{display:flex;align-items:center;margin-right:10px}.yAzOiJy8{width:80px}.yAzOiJy9{cursor:pointer;position:absolute;right:10px;top:10px;padding:5px 10px;border-radius:6px;border:none;background-color:var(--color-accent-primary);color:var(--color-text-primary);min-width:40px;text-align:center;z-index:100}.yAzOiJyA{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid var(--color-text-tertiary);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite;@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}}